一.ajax
1.
<script type="text/javascript"> //验证原密码1.ajax,正则 var ok1=false,ok2=false,ok3=false; $(function () { $("[name=upass]").blur(function () { var upass=$(this).val(); $.ajax({ url:"/user/updatepassword", data:"upass="+upass, type:"post", datatype:"text", success:function (rs) { if ('原密码正确'==rs) { ok1=true; }else { ok1=false; } $("[name=upass]").next().html("<font color='red'>"+rs+"</font>"); } }); }); //验证新密码 $("[name=userPs]").blur(function() { var newpass=$(this).val(); var reg=/^\w{6,}$/; if(reg.test(newpass)){ $(this).next().html("新密码可用"); ok2=true; }else { $(this).next().html("新密码不可用"); ok2=false; } }); //验证重复密码格式,是否与新密码相同 $("[name=newpass2]").blur(function () { var newpass2=$(this).val(); var newpass=$("[name=userPs]").val(); var reg=/^\w{6,}$/; if(reg.test(newpass2)){ if (newpass==newpass2){ $("[name=newpass2]").next().html("两次密码一致"); ok3=true; } else { $("[name=newpass2]").next().html("两次密码不一致"); ok3=false; } }else { $(this).next().html("重复密码不可用"); ok3=false; } }); //提交表单 $("#button2").click(function () { if(ok1&&ok2&&ok3){ document.forms[0].submit(); }else{ alert("输入有误") } }); }); </script>
处理ajax请求返回
2.jquery的validate
导入
jquery.validate.js
编写validate代码
<script type="text/javascript"> $(function(){ $("form").validate({ rules:{ upass:{required:true, remote:"/user/updatepassword"}, userPs:{required:true,minlength:6}, newpass2:{required:true,equalTo:"#userPs"} }, messages:{ upass:{ required:"请输入原密码", remote:"与原密码不一致" }, userPs:{ required:"请输入新密码", minlength:"新密码至少6位" }, newpass2:{ required:"请输入重复密码", equalTo:"两次密码要一致" } } }) }) </script>