html 数据验证

素颜马尾好姑娘i 2022-09-21 14:27 215阅读 0赞

$("#designName").validate("blur", "课题名称", {
                required: true,
                maxLength: { maxLength: 16, errorMessage: "请输入4-16位字符" },//最大长度
                minLength: { minLength: 4, errorMessage: "请输入4-16位字符" }//最小长度
               /*  hanzi: { min: 4,max: 16,type:"1",errorMessage:"请输入4-16位字符" } */
            });

按钮点击时：

var isV = $("#formId").validate();
    if (!isV) {
        return;
    }

//密码
    	            $("#password").validate("blur", "密码", {
    	                required: true,
    	                regular: {regular:"password", errorMessage: "6-16位字符组成，包含字母、数字、特殊字符"},
    	                compare: { compare: $("#confirmpassword"), errorMessage: "两次密码输入不一致" }
    	            });

var qq = $(".qq").val();  
              if ((qq != null && qq != "")&& !vali\_qq.test(qq))\{  
                 common.layerOther.tips($(".qq"), "请输入正确的QQ号码", 1, 0, true);  
              \}![Image 1][]

//手机号码  
                $("\#mobilephone").validate("blur", "手机号码", \{  
                    required: true,  
                    regular: \{ regular: "mobilephone" \}  
                \});  
                //密码  
                $("\#password").validate("blur", "密码", \{  
                    required: true,  
                    regular: \{regular:"password", errorMessage: "6-16位字符组成，包含字母、数字、特殊字符"\}  
                \});  
                  //图片验证码  
                $("\#verifyCode").validate("blur","图片验证码", \{  
                    required: \{ required: true, errorMessage: "请输入图片验证码" \}  
                \});  
                //短信验证码  
                $("\#mobilecode").validate("blur", "短信验证码", \{  
                    required: true,  
                    regular:\{regular:/^\[0-9\]\{4\}$/,errorMessage:"请输入4位数字的验证码"\}  
                \});  
                //服务条款  
                $("\#fwtk").validate("blur","服务条款", \{  
                    required: \{ required: true, errorMessage: "请阅读并接服务条款" \}  
                \});

![Image 1][]

$("#commonAuthor").validate("blur", "手机号码", {
       required: true,
       regular: { regular: "mobilephone"},
       remote: { remoteUrl: "/manager/user/judgeExistsTelephone",
          data: { "telephone" : function(){
      return  $("#commonAuthor").val()}}}//telephone传入后台的参数，$("#commonAuthor").val()传入后台的参数值
    });

[Image 1]: