varformObj={"checkForm":function(){//1.非空验证
varflag=true;//控制表单提交的变量,默认为true
/*flag=this.checkNull("username","用户名不能为空")&&flag;*/flag=this.checkNull("password","密码不能为空")&&flag;
flag=this.checkNull("password2","确认密码不能为空")&&flag;
flag=this.checkNull("nickname","昵称不能为空")&&flag;
flag=this.checkNull("email","邮箱不能为空")&&flag;
flag=this.checkNull("valistr","验证码不能为空")&&flag;//2. 两次密码一致验证
flag=this.checkPassword("password","两次密码应该一致")&&flag;//3.邮箱格式验证
flag=this.checkEmail("email","邮箱格式不正确")&&flag;returnflag;
},"checkemail":function(name,msg){varemail=$("input[name='"+name+"']").val();//当邮箱的值不为空串时再进行格式判断
if($.trim(email)!= ""){//123@163.com.cn
varreg=/^w+@w+(.w+)+$/;if(!reg.test(email)){//设置错误提示信息
this.setMsg(name, msg);return false;
}else{//设置清空之前添加的错误信息
this.setMsg(name,"");return true;
}
}return false;
},"checkPassword":function(name,msg){varpsd1=$("input[name='password']").val();varpsd2=$("input[nmae='password2']").val();if($.trim(psd1)!=""&&$.trim(psd2)!=""){if(psd1!=psd2){//添加错误提示信息
this.setMsg(name+"2",msg);return false;
}else{//清空之前添加的错误提示信息
this.setMsg(name+"2","");return true;
}
}return false;
},"checkNull":function(name,msg){//用来判断input值是否为null的方法
//拿到对应的input框的值
varvalue=$("input[name='"+name+"']").val();//判断是否为空
if($.trim(value)==""){//如果为空,则调用设置消息的方法,将错误信息显示在input的后面
this.setMsg(name,msg);//表单不应该提交
return false;
}else{//将之前添加的错误提示信息清空
this.setMsg(name,"");//表单可以提交
return true;
}
},"setMsg":function(name,msg){//获取name指定的input后面的span,然后将传入的错误信息显示在span内部
$("input[name='"+name+"']").nextAll("span").html(msg).css("color","red");
}
};//当input失去焦点时马上执行对应的表单验证
//需要为每个input添加一个失去焦点的事件
//添加一个文档就绪事件,在事件中为每个input添加对应的方法
$(function(){//文档就绪事件,当当前文档家在完成之后,会自动调用
$("input[name='username']").blur(function(){//验证用户名是否为空
varflag=formObj.checkNull("username","用户名不能为空");if(flag){//说明username输入框不为空
//发送ajax
varurl="/AJAXCheckUsernameServlet?username=" +$(this).val();//load方法是通过一个组件来调用的
//当ajax请求收到应答后,会将应答的内容自动填充到该组件内部
//$("#msg_username").load(url);
//$().load->如果添加了请求参数,则是post请求,如果没有添加,是get请求
//$.get发送的就是get请求
//result是服务器返回给浏览器的应答内容
$.get(url,function(result){//将应答内容添加到username对应的span中
$("#msg_username").html(result);
});/*var url2="/AJAXCheckUsernameServlet";
$.post(url2,data,function(result){
//result就是服务器返回的应答内容
// 将应答内容添加到username对应的span中
alert("true");
$("#msg_username").html(result);
});*/}
});
$("input[name='password']").blur(function(){
formObj.checkNull("password","密码不能为空");
});
$("input[name='password2']").blur(function(){
formObj.checkNull("password2","确认密码不能为空");
formObj.checkPassword("password","两次密码应该一致");
});
$("input[name='nickname']").blur(function(){
formObj.checkNull("nickname","昵称不能为空");
});
$("input[name='email']").blur(function(){
formObj.checkNull("email","邮箱不能为空");
formObj.checkEmail("email","邮箱格式不正确");
});
$("input[name='valistr']").blur(function(){
formObj.checkNull("valistr","验证码不能为空");
});
});
欢迎注册BinGou
用户名:
"/>
密码:
"/>
确认密码:
"/>
昵称:
"/>
邮箱:
"/>
验证码: