javascript中怎么驗證form表單數(shù)據(jù)，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

成都創(chuàng)新互聯(lián)公司專注于市中企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城建設(shè)。市中網(wǎng)站建設(shè)公司,為市中等地區(qū)提供建站服務(wù)。全流程按需開發(fā)網(wǎng)站，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

直接po截圖和代碼

下面是CheckFormDemo.html

驗證表單的案例

姓名：


年齡：


密碼：


重復(fù)密碼：



愛好：足球
羽毛球
籃球
臺球


備注：



測試字段:

下面是jsCheckDateDemo.js

/**
 * 
 */
 
//驗證表單數(shù)據(jù)
function checkForm(){
//	alert(document.form1.hobby.length);
//	alert(document.getElementsByName("hobby").length);
//	alert(document.getElementsByName("hobby")[0].value);
//	alert(document.getElementById("myHobby"));
	
//	for (var i = 0; i < document.forms[0].hobby.length; i++) {
//		alert("---" + document.forms[0].hobby[i].value);
//	}
	
	var flag = false;
	for (var i = 0; i < document.form1.hobby.length; i++) {
//		alert(document.form1.hobby[i].value);
//		alert(document.form1.hobby[i].checked);
		if (document.form1.hobby[i].checked) {
			flag = true;
			break;
		}
	}
	if (!flag) {//沒有一個愛好被選中
		alert("請至少選擇一個愛好!");
		//程序也沒必要再往下走了，直接return
		return;
	}
	if (document.forms[0].pwd.value.length < 8) {
		alert("密碼長度不能小于8位!");
		document.forms[0].pwd.focus();//讓密碼框獲取焦點
		//程序也沒必要再往下走了，直接return
		return;
	}
	if (document.forms[0].pwd.value != document.forms[0].repeatPwd.value) {
		alert("兩次密碼輸入不一致!");
		document.forms[0].repeatPwd.focus();//讓重復(fù)密碼框獲取焦點
		//程序也沒必要再往下走了，直接return
		return;
	}
	if (document.getElementById("remarks").value == "") {
		alert("備注不能為空!");
		/*
這里可以不寫return，因為程序執(zhí)行到這里時，后面已經(jīng)沒有任何代碼了，所
以寫不寫return都無所謂，所以就不要寫return了，寫了反而讓人覺得你是個新手，水平有點菜!
		*/
	}
}

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。