`
747017186
  • 浏览: 331538 次
社区版块
存档分类
最新评论

jquery valida自定义验证规则

 
阅读更多

  /**
      $.validator.addMethod("chinese", function(value, element) { 
     alert(this.optional(element));
        var chinese = /^[\u4e00-\u9fa5]+$/; 
        return (chinese.test(value)) || this.optional(element); 
     }, "只能输入中文111"); //如果返回的是false,那么输出后面的提示信息。
     
     
  jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { 
        var length = value.length; 
        for (var i = 0; i < value.length; i++) { 
            if (value.charCodeAt(i) > 127) { 
                length++; 
            } 
        } 
        return this.optional(element) || (length >= param[0] && length <= param[1]); 
    }, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));//如果带有输出参数的提示信息,那么使用format函数      
      */
      //0.先导入jquery的验证JS和jquery的JS
      //1.optional(element)返回的是布尔值,这个主要检测验证框是否为空的情况,如果为空则返回false。
      //2.以 $.validator.addMethod("chinese", function(value, element)这个函数为例进行讲解:
      //  这个是自定义一个规则的函数,其中函数名不能变。
      //  chinese:验证规则名,自定义
      //  value:要检验的数值
      //  element:要检测对象是否为空
      //3.通过内部正则进行验证,返回一个boolean值,return (chinese.test(value)) || this.optional(element);如果为false
      //  则会输出后面的提示信息。
      //4.编写完规则之后,直接引入jquery的环境,$(function() { })
      /**
       $(function(){ 
     
        $("#form1").validate({  定义form的ID,到底是对那个form进行验证
        rules: {                //规则
            username:{          //对input的ID进行验证,username是input的ID
                required:true,  //非空验证,这个规则也可以自定义,也可以使用系统的。凡是上面没有通过addMethod方法添加的都属于系统的。
                chinese:true,   //自定义的规则
                byteRangeLength:[1,2]  //自定义的规则
                }
//            username:"buga"      //如果使用相同ID的input,那么以最后一个为准。
            //username:"chinese" 
            //username:"byteRangeLength"         
        },
        messages:{                自定义提示信息,如果不定义提示信息,那么以addMethod函数里面的提示信息为准,系统的规则,可以在此定义提示信息
         username:{            ,如果不定义则按照系统默认的提示信息为准。
          required:"不能为空!"
//          chinese:"一定要是中文的"
         }
        } 
        }); 
     
});
      */ 

 

注意:自定义验证时可以阻止表单提交的,也就是说表单验证不通过无法提交。

  • pp.zip (287.6 KB)
  • 下载次数: 0
分享到:
评论

相关推荐

    siverlight validatroe

    2. 数据验证是确保用户输入合规性的重要环节,常用的数据验证方式包括内置验证规则和自定义验证规则。 3. "Silverlight validatro"可能是一个特定的验证库或技术,简化了验证过程。 4. 使用Visual Studio的解决方案...

    Validate_code.rar_struts valida_struts valida_struts validate_v

    通过`struts_valida`和`struts_validate`的标签,我们可以推断这个示例可能涵盖了Struts验证框架的基本用法,包括自定义验证规则、配置文件的编写,以及如何将验证结果反馈到用户界面。 总的来说,这个压缩包提供的...

    JSR.rar和jquery-1.8.3.js

    2. **hibernate-validator-5.4.1.Final.jar**:这是Hibernate Validator的具体实现,它扩展了validation-api,提供了更丰富的验证规则和错误消息处理。该版本5.4.1.Final是Hibernate Validator的一个稳定版本。 3. *...

    valida:Valida-用于Node.js的轻量级净化器和验证器库

    有效期 Valida-用于Node.js的轻量级净化器和验证器库。 本文档介绍Valida库的工作方式及其提供的功能。 本文档的每个部分都包含用法示例。 您可以在文件夹中找到其他示例。简单的例子var schema = { id : [ { ...

    react-valida-hook

    ReactValida钩自定义钩子,使用valida-js创建可验证的表单以进行验证有关验证规则,请参见valida-js注意:重要的是要知道,valida-js不会返回错误消息,只会返回and类型的错误类型。 可能需要为这些消息添加适当的...

    hibernate-validator

    使用`@GroupSequence`或自定义组,可以控制验证的顺序和分组,例如,先验证一组基础规则,再验证一组更具体的规则。 7. **约束条件传播**: `@Valid`注解可以用于嵌套的对象,使得验证可以递归地应用于整个对象图...

    有效期:用于客户端简易表单验证的jQuery插件

    Valida(jQuery) Valida是一个jQuery插件,它提供了一种简单,快速,轻巧的方式来在客户端进行表单验证。 而且,它的源代码(最小)约为12Kb 。细节使用Java脚本在客户端验证表单是一项非常无聊且缓慢的任务(至少...

    hibernate-validator-6.1.2.Final-dist.zip

    2. 自定义验证:除了预定义的验证注解,用户还可以自定义验证注解和对应的验证器,满足特殊需求。 3. 国际化:Hibernate Validator支持多语言的错误消息,方便根据不同地区展示不同的错误提示。 4. 组验证:允许对一...

    valida-numero-regex:验证值是否为数字 - 通过正则表达式验证

    项目:valida-number-regex 作者:阿德里亚诺·桑托斯·拉莫斯技术:Java 总结:验证来源: : 信息 验证值是否为数字 - 通过正则表达式验证 要求 —— 访问应用程序 运行 ValidaNumeroRegex 类

    hibernate_validator_reference_5.1.3.pdf

    在创建自定义约束方面,开发者可以深入到约束注解的定义、对应的约束验证器以及如何处理错误信息等细节,打造满足特定业务需求的验证规则。 在项目中,Hibernate Validator的配置不仅可以基于注解,还可以通过XML...

    valida-data-html

    6. **库和框架**:可能使用了如jQuery、React或Vue.js这样的JavaScript库或框架,简化开发流程并提高代码效率。 在压缩包中的"valida-data-html-main"可能包含项目的主要源代码,如HTML文件、CSS文件和JavaScript...

    NET,MVC,CRUD com实体框架

    "Valida es"指的是数据验证,它是确保用户输入符合业务规则的过程。在ASP.NET MVC中,可以使用内置的验证特性或者自定义验证逻辑,通常结合视图模型进行。 "Padronizando"可能是指代码规范或标准,保持代码风格一致...

    iview同时验证多个表单问题总结

    iview验证一个表单问题: 在上一篇文章中总结了iview表单验证的问题。其实有两种写法:在点击验证时,这样写时,注意在前面的方法中将要验证的form表单加进去。 &lt;... this.$refs[name].valida

    html登录页面login066.rar

    另外两个JavaScript文件,`valida.2.1.6.min.js`和`validator.min.js`,可能是用于前端表单验证的库。例如,Validator.js可能用于检查用户输入是否符合预设的规则,如邮箱格式、密码强度等,确保数据的正确性和安全...

    sklearn_cross_validation不同数据类型交叉验证迭代器

    ### sklearn_cross_validation 不同数据类型交叉验证迭代器 #### 概述 在机器学习领域,交叉验证是一种评估模型性能的有效手段。它通过将数据集分成训练集和验证集的多个组合来评估模型的准确性和稳定性。`sklearn...

    TodoAPI-Middlewares:Ignite Desafio 2-TodoAPI(Validaçõescom中间件)

    在本项目"TodoAPI-Middlewares: Ignite Desafio 2-TodoAPI(Validações com中间件)"中,我们关注的是使用JavaScript构建一个Todo API,并通过中间件实现数据验证。中间件在Web开发中扮演着关键角色,特别是在Node...

    Valida java controles y librerias-开源

    标题中的"Valida java controles y librerias-开源"指的是一个开源的Java项目,它提供了用于验证和格式化数据的控件和库。在Java开发中,验证和格式化是两个关键环节,特别是处理用户输入时,如数字、日期和文本等。...

    vue-dotnet-validator:使用vue.js的.NET数据注释的客户端验证器

    使用此程序包,可以使用通过vue.js进行的.NET模型验证,而不是由Microsoft规定的默认jQuery验证器方式。 想法是您在服务器呈现HTML表单上使用此表单,其中包含由C#的剃刀模板引擎生成的数据属性。 要求 此软件包...

    valid_email2:电子邮件的ActiveModel验证。 包括MX查找和一次性电子邮件黑名单

    ValidEmail2 借助mail gem而不是笨拙的正则表达式来验证电子邮件。 附加地验证域是否具有MX记录。 (可选)针对的静态验证。 (可选)验证电子邮件是否没有子地址( )。... ActiveRecord :: Base valida

Global site tag (gtag.js) - Google Analytics