jquery密码校验规则 ajax密码校验

一.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>