jquery validate 验证二个内容不一致咋办

问题描述

jquery validate 验证二个内容不一致咋办
我要验证用户名和密码不一样 在注册的时候我应该怎么办呢???? 求大神指导一下 谢谢了

解决方案

封装jQuery Validate扩展验证方法

 /*****************************************************************                  jQuery Validate扩展验证方法  (linjq)       *****************************************************************/$(function(){    // 判断整数value是否等于0     jQuery.validator.addMethod(""isIntEqZero"" function(value element) {          value=parseInt(value);               return this.optional(element) || value==0;           }整数必须为0"");     // 判断整数value是否大于0    jQuery.validator.addMethod(""isIntGtZero"" function(value element) {          value=parseInt(value);               return this.optional(element) || value>0;           }整数必须大于0"");     // 判断整数value是否大于或等于0    jQuery.validator.addMethod(""isIntGteZero"" function(value element) {          value=parseInt(value);               return this.optional(element) || value>=0;           }整数必须大于或等于0"");       // 判断整数value是否不等于0     jQuery.validator.addMethod(""isIntNEqZero"" function(value element) {          value=parseInt(value);               return this.optional(element) || value!=0;           }整数必须不等于0"");      // 判断整数value是否小于0     jQuery.validator.addMethod(""isIntLtZero"" function(value element) {          value=parseInt(value);               return this.optional(element) || value<0;           }整数必须小于0"");      // 判断整数value是否小于或等于0     jQuery.validator.addMethod(""isIntLteZero"" function(value element) {          value=parseInt(value);               return this.optional(element) || value<=0;           }整数必须小于或等于0"");      // 判断浮点数value是否等于0     jQuery.validator.addMethod(""isFloatEqZero"" function(value element) {          value=parseFloat(value);               return this.optional(element) || value==0;           }浮点数必须为0"");     // 判断浮点数value是否大于0    jQuery.validator.addMethod(""isFloatGtZero"" function(value element) {          value=parseFloat(value);               return this.optional(element) || value>0;           }浮点数必须大于0"");     // 判断浮点数value是否大于或等于0    jQuery.validator.addMethod(""isFloatGteZero"" function(value element) {          value=parseFloat(value);               return this.optional(element) || value>=0;           }浮点数必须大于或等于0"");       // 判断浮点数value是否不等于0     jQuery.validator.addMethod(""isFloatNEqZero"" function(value element) {          value=parseFloat(value);               return this.optional(element) || value!=0;           }浮点数必须不等于0"");      // 判断浮点数value是否小于0     jQuery.validator.addMethod(""isFloatLtZero"" function(value element) {          value=parseFloat(value);               return this.optional(element) || value<0;           }浮点数必须小于0"");      // 判断浮点数value是否小于或等于0     jQuery.validator.addMethod(""isFloatLteZero"" function(value element) {          value=parseFloat(value);               return this.optional(element) || value<=0;           }浮点数必须小于或等于0"");      // 判断浮点型      jQuery.validator.addMethod(""isFloat"" function(value element) {                return this.optional(element) || /^[-+]?d+(.d+)?$/.test(value);           }只能包含数字、小数点等字符"");     // 匹配integer    jQuery.validator.addMethod(""isInteger"" function(value element) {                return this.optional(element) || (/^[-+]?d+$/.test(value) && parseInt(value)>=0);           }匹配integer"");      // 判断数值类型,包括整数和浮点数    jQuery.validator.addMethod(""isNumber"" function(value element) {                return this.optional(element) || /^[-+]?d+$/.test(value) || /^[-+]?d+(.d+)?$/.test(value);           }匹配数值类型,包括整数和浮点数"");      // 只能输入[0-9]数字    jQuery.validator.addMethod(""isDigits"" function(value element) {                return this.optional(element) || /^d+$/.test(value);           }只能输入0-9数字"");      // 判断中文字符     jQuery.validator.addMethod(""isChinese"" function(value element) {                return this.optional(element) || /^[u0391-uFFE5]+$/.test(value);           }只能包含中文字符。"");       // 判断英文字符     jQuery.validator.addMethod(""isEnglish"" function(value element) {                return this.optional(element) || /^[A-Za-z]+$/.test(value);           }只能包含英文字符。"");        // 手机号码验证        jQuery.validator.addMethod(""isMobile"" function(value element) {          var length = value.length;          return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/.test(value));        }请正确填写您的手机号码。"");    // 电话号码验证        jQuery.validator.addMethod(""isPhone"" function(value element) {          var tel = /^(d{34}-?)?d{79}$/g;          return this.optional(element) || (tel.test(value));        }请正确填写您的电话号码。"");    // 联系电话(手机/电话皆可)验证       jQuery.validator.addMethod(""isTel"" function(valueelement) {           var length = value.length;           var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+d{8})$/;           var tel = /^(d{34}-?)?d{79}$/g;               return this.optional(element) || tel.test(value) || (length==11 && mobile.test(value));       }请正确填写您的联系方式"");      // 匹配qq          jQuery.validator.addMethod(""isQq"" function(value element) {                return this.optional(element) || /^[1-9]d{412}$/;           }匹配QQ"");        // 邮政编码验证        jQuery.validator.addMethod(""isZipCode"" function(value element) {          var zip = /^[0-9]{6}$/;          return this.optional(element) || (zip.test(value));        }请正确填写您的邮政编码。"");      // 匹配密码,以字母开头,长度在6-12之间,只能包含字符、数字和下划线。          jQuery.validator.addMethod(""isPwd"" function(value element) {                return this.optional(element) || /^[a-zA-Z]\w{612}$/.test(value);           }以字母开头,长度在6-12之间,只能包含字符、数字和下划线。"");      // 身份证号码验证    jQuery.validator.addMethod(""isIdCardNo"" function(value element) {       //var idCard = /^(d{6})()?(d{4})(d{2})(d{2})(d{3})(w)$/;         return this.optional(element) || isIdCardNo(value);        }请输入正确的身份证号码。"");     // IP地址验证       jQuery.validator.addMethod(""ip"" function(value element) {          return this.optional(element) || /^(([1-9]|([1-9]d)|(1dd)|(2([0-4]d|5[0-5]))).)(([1-9]|([1-9]d)|(1dd)|(2([0-4]d|5[0-5]))).){2}([1-9]|([1-9]d)|(1dd)|(2([0-4]d|5[0-5])))$/.test(value);        }请填写正确的IP地址。"");    // 字符验证,只能包含中文、英文、数字、下划线等字符。        jQuery.validator.addMethod(""stringCheck"" function(value element) {                return this.optional(element) || /^[a-zA-Z0-9u4e00-u9fa5-_]+$/.test(value);           }只能包含中文、英文、数字、下划线等字符"");       // 匹配english      jQuery.validator.addMethod(""isEnglish"" function(value element) {                return this.optional(element) || /^[A-Za-z]+$/.test(value);           }匹配english"");       // 匹配汉字      jQuery.validator.addMethod(""isChinese"" function(value element) {                return this.optional(element) || /^[u4e00-u9fa5]+$/.test(value);           }匹配汉字"");       // 匹配中文(包括汉字和字符)     jQuery.validator.addMethod(""isChineseChar"" function(value element) {                return this.optional(element) || /^[u0391-uFFE5]+$/.test(value);           }匹配中文(包括汉字和字符) "");     // 判断是否为合法字符(a-zA-Z0-9-_)    jQuery.validator.addMethod(""isRightfulString"" function(value element) {                return this.optional(element) || /^[A-Za-z0-9_-]+$/.test(value);           }判断是否为合法字符(a-zA-Z0-9-_)"");       // 判断是否包含中英文特殊字符,除英文""-_""字符外    jQuery.validator.addMethod(""isContainsSpecialChar"" function(value element) {           var reg = RegExp(/[( )(`)(~)(!)(@)(#)($)(%)(^)(&)(*)(()())(+)(=)(|)({)(})(')(:)(;)(')(')([)(])(.)(<)(>)(/)(?)(~)(!)(@)(#)(¥)(%)(…)(&)(*)(()())(—)(+)(|)({)(})(【)(】)(‘)(;)(:)(”)(“)(’)(。)(,)(、)(?)]+/);            return this.optional(element) || !reg.test(value);           }含有中英文特殊字符"");       //身份证号码的验证规则    function isIdCardNo(num){         //if (isNaN(num)) {alert(""输入的不是数字!""); return false;}        var len = num.length re;        if (len == 15)        re = new RegExp(/^(d{6})()?(d{2})(d{2})(d{2})(d{2})(w)$/);        else if (len == 18)        re = new RegExp(/^(d{6})()?(d{4})(d{2})(d{2})(d{3})(w)$/);        else {            //alert(""输入的数字位数不对。"");             return false;        }        var a = num.match(re);        if (a != null)        {        if (len==15)        {        var D = new Date(""19""+a[3]+""/""+a[4]+""/""+a[5]);        var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];        }        else        {        var D = new Date(a[3]+""/""+a[4]+""/""+a[5]);        var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];        }        if (!B) {            //alert(""输入的身份证号 ""+ a[0] +"" 里出生日期不对。"");             return false;        }        }        if(!re.test(num)){            //alert(""身份证最后一位只能是数字和字母。"");            return false;        }       return true;     } });

解决方案二:

 <%@ page language=""java"" import=""java.util.*"" pageEncoding=""UTF-8""%><%    String path = request.getContextPath();    String basePath = request.getScheme() + ""://"" + request.getServerName() + "":""            + request.getServerPort() + path + ""/"";%><!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01 Transitional//EN""><html>    <head>        <base href=""<%=basePath%>"">        <title>jQuery Validate扩展验证方法</title>        <meta http-equiv=""pragma"" content=""no-cache"">        <meta http-equiv=""cache-control"" content=""no-cache"">        <meta http-equiv=""expires"" content=""0"">        <meta http-equiv=""keywords"" content=""keyword1keyword2keyword3"">        <meta http-equiv=""description"" content=""This is my page"">        <script type=""text/javascript"" src=""<%=request.getContextPath()%>/validate/jquery-1.6.2.min.js""></script>        <script type=""text/javascript"" src=""<%=request.getContextPath()%>/validate/jquery.validate.min.js""></script>        <script type=""text/javascript"" src=""<%=request.getContextPath()%>/validate/jquery.metadata.min.js""></script>        <script type=""text/javascript"" src=""<%=request.getContextPath()%>/validate/validate-methods.js""></script>        <script type=""text/javascript"" src=""<%=request.getContextPath()%>/validate/messages_zh.js""></script>        <script type=""text/javascript"">        $(function(){            var validate = $(""#myform"").validate({                debug: true //调试模式取消submit的默认提交功能                    submitHandler: function(form){   //表单提交句柄为一回调函数,带一个参数:form                       alert(""提交表单"");                       form.submit();   //提交表单                   }                   rules:{                    zero:{                        //isIntEqZero:true                        //isFloat:true                        //isInteger:true                        //isNumber:true                        //isMobile:true                        //isPhone:true                        //isTel:true                        //isIdCardNo:true                        //isRightfulString:true                        isContainsSpecialChar:true                    }                                }                //如果验证控件没有message,将调用默认的信息                messages:{                    zero:{                        //isIntEqZero:""请输入0""                        //isFloat:""请输入浮点数""                        //isInteger:""请输入整数""                    }                }            });            });        </script>    </head>    <body>        <form id=""myform"" method=""post"" action="""">            <p>                <label for=""zero"">输入框:</label>                <!-- id和name最好同时写上 -->                <input id=""zero"" name=""zero"" />            </p>            <p>                <input class=""submit"" type=""submit"" value=""验证"" />            </p>        </form>    </body></html>
时间: 2024-10-31 11:37:09

jquery validate 验证二个内容不一致咋办的相关文章

jQuery Validate验证框架详解

版本信息: /*! * jQuery Validation Plugin v1.14.0 * * http://jqueryvalidation.org/ * * Copyright (c) 2015 Jörn Zaefferer * Released under the MIT license */   一.导入js库 <script type="text/javascript" src="validate/jquery-1.6.2.min.js">&

jQuery Validate验证框架详解(推荐)_jquery

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求. 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src=&qu

jQuery Validate验证框架经典大全_jquery

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一.导入js库 <script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script> <script type="text/javascript" src

jQuery Validate 验证,校验规则写在控件中的具体实例

 本篇文章主要是对jQuery Validate 验证,校验规则写在控件中的具体实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 将校验规则写到控件中    代码如下: <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/j

CKEditor无法验证的解决方案(js验证+jQuery Validate验证)_jquery

最近项目的前端使用了jQuery,表单的前端验证用的是jQuery Validate,用起来很简单方便,一直都很满意的. 前段时间,根据需求为表单中的 textarea 类型的元素加上了html富文本编辑器,用的是CKEditor,功能强大,定制方便,也很满意. 不过用CKEditor增强过的 textarea 元素,这个字段要求是非空的,在jQuery Validate总是验证不通过,原因就是在 CKEditor 编辑器填写了内容之后,编辑器并不是立即把内容更新到原来的 textarea 元素

jQuery validate验证插件使用详解_jquery

Validate验证插件,内置丰富的验证规则,还有灵活的自定义规则接口,HTML.CSS与JS之间的低耦合能让您自由布局和丰富样式,支持input,select,textarea的验证. Description 浏览器支持:IE7+ .Chrome.Firefox.Safari.Mobile Browser jQuery版本:1.7.0+ Usage 载入jQuery.validate <script type="text/javascript" src="jquery

jquery validate 验证select为什么要两次才通过

问题描述 jquery validate 验证select为什么要两次才通过 在validate中验证select下拉选项,第一次选了后,错误提示还在,再选一次提示就没有了,求解 解决方案 jquery的validate验证Jquery Validate验证jquery.validate 验证 解决方案二: 要blur后才验证,你说的第二次应该是点击到其他地方执行验证了吧 解决方案三: 你是不是后台验证??如果是后台验证的话,是过n秒才自动验证的,而且还有延迟

异常-jQuery validate验证的时候 validatecode未定义是怎么回事?

问题描述 jQuery validate验证的时候 validatecode未定义是怎么回事? 验证的时候都是好好的,就是提交的时候捕获这异常:Uncaught ReferenceError: validateCode is not defined ,而且我员工管理提交都没问题,而且我对了两个写的都一样. 解决方案 validatecode是你自己通过addMethod添加的自定义方法吧..自己好好检查下是不是相关js没导入

jQuery validate验证插件用法详解

一.可选项( options ) [1]  debug      类型:Boolean    默认:false 说明:开启调试模式.如果为true,表单不会提交,而且会在控制台显示一些错误消息(需要Firebug或者Firebug lite).当要阻止表单默认提交事件,尝试去开启它. Js代码 $(".selector").validate({    debug: true }) [2]  submitHandler      类型:Callback    默认:default (na