ajax提交验证非空,5.验证用户名是否已经被注册：AJAXC请求

欢迎注册BinGou

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

用户名：

"/>

密码：

"/>

确认密码：

"/>

昵称：

"/>

邮箱：

"/>

验证码：