<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
/**
* 1.对于表单的提交,要给form标签绑定onSubmit事件,而不是给submit按钮绑定onClick事件
* 2.表单项内容不管输入的是字符串、数字、日期,js、jQuery、JSP接收后都是String类型
* 3.表单的验证和String对象有密切关系 length charAt(i) indexOf("@")
* 4.如果表单项内容为空,不是null,而是空字符串
* 判断条件不能写 username == null
* 而要写 username=="" 或者 username.length ==0 *
* 5.验证出错要return false,验证无错要return true,并且 onsubmit="return checkForm()"
*
*
*/
function checkForm(){
//用户名不能为空
var username = $("#user").val();
if(username==""){
alert("用户名不能为空");
return false;
}
// 用户名长度大于6
if(username.length <=6){
alert("用户名长度大于6");
return false;
}
// 用户名中不能有数字 abc123
for(var i=0;i<username.length;i++){
var ch = username.charAt(i);
if(ch >= '0' && ch <= '9'){
alert("用户名中不能有数字");
return false;
}
}
//邮箱格式正确 @ .
var email = $("#email").val();
if(email.indexOf("@")<0){
alert("邮箱中必须有@");
return false;
}
if(email.indexOf(".")<0){
alert("邮箱中必须有.");
return false;
}
return true;
}
</script>
jquery验证表单信息
最新推荐文章于 2024-09-08 21:45:17 发布