表单验证—js循环所有表单验证【封装为表单验证的专⽤js，所有表单页⾯都可以调⽤】
1、表单
<form id="regForm" method="post" action="index/register" onsubmit="checkForm(this)">
....
<td><label class="ui-green"><input type="submit" name="submit" value="提交注册"/></label></td>
2、验证form表单
function checkForm(frm)
{
var els = ElementsByTagName("input");
for(var i=0; i<els.length; i++) {
if(typeof(els[i].getAttribute("onblur")) == "function") {
if(!CheckItem(els[i])) return false;
}
}
return true;
}
3、验证该表单下的所有input框
function CheckItem(obj)
{
//将input提⽰框的内容赋空
obj.parentNode.parentNode.className = "";
var msgBox = ElementsByTagName("span")[0];
switch(obj.name) {
case "regUserName":
//这后⾯的业务可以单独提出来作为⼀个⽅法
if(obj.value == "") {
msgBox.innerHTML = "密码不能为空！";
//添加className⽅便统⼀管理样式
msgBox.className = "error";
return false;
}else{
//⽤户名被占⽤
$.ajax({
"url":"index/hasname",
"data":"username="+obj.value,
"type":"post",
"dataType":"json",
"success":function(data){
if(data=="1"){
msgBox.innerHTML = "⽤户名已存在！";
msgBox.className = "error";
return false;
}else{
//⽤户名可⽤
msgBox.innerHTML = "⽤户名可⽤！";
msgBox.className = "nameinfo";
}
}
});
}
break;
case "userName":
if(obj.value == "") {
msgBox.innerHTML = "密码不能为空！";
msgBox.className = "error";
return false;
}
break;
case "passWord":
if(obj.value == "") {
msgBox.innerHTML = "密码不能为空！";
msgBox.className = "error";
return false;
}
break;
case "rePassWord":
if(obj.value == "") {
msgBox.innerHTML = "密码不能为空！";
msgBox.className = "error";
return false;
} else if(obj.value != ElementById("passWord").value) {                msgBox.innerHTML = "两次密码不⼀致！";
msgBox.className = "error";
return false;
}
break;
case "veryCode":
if(obj.value == "") {
msgBox.innerHTML = "验证码不能为空！";
msgBox.className = "error";
注册页面js特效return false;
}
break;
}
return true;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。