`

jquery 的 validate验证框架 自定义验证规则

 
阅读更多

自定义验证规则
$.validator.addMethod("af",function(value,element,params){})

af:方法的名称
function(value,element,params)验证方法的主体

 

value 是在 验证组件元素 中输的的值

 

elements 验证组件元素的对象 是一个Object对象

 

params 指定 验证规则中的参数,可以看成是一个数组

 

 我取第一个参数 alert(param[0]);

 

返回 是boolean 类型的参数 true 表示验证成功 false表示验证失败

--------------------------------------

举例

$.validator.addMethod("cartLength",function(value,element,params){

 var len = value.length;

 if(len!=param[0] && len!=params[1]){return false}
 
 return true;

})
验证15位身份证的格式 是否正确
$.validator.addMethod("cartLength",function(value,element,params){
    
 var len = value.length;
 
 if(len ==params){

  var pattern =/^\d{15}$/;
  if(!pattern.test(value)){return false}

 }
 return true;
})
也就是说 如果我输入的字符串和 这个pattern 格式不匹配呢

          也就是 pattern.test(value)为false

          也就是!pattern.test(value) 为ture 进入if(){}里边

 

 

 

 

分享到:
评论

相关推荐

    jquery validate 验证自定义样式

    这个插件允许开发者自定义验证规则和错误提示样式,从而实现用户友好的交互体验。在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始...

    jquery-validate验证框架使用详解

    3. **验证规则**:jQuery Validate提供了多种内置验证规则,如`required`(必填),`email`(邮箱格式),`url`(URL格式)等。你可以通过在表单元素的`data-*`属性或JavaScript对象中定义规则,如: ```html ``...

    jquery-validate验证框架使用详解及JS文件

    《jQuery Validate验证框架详解与JS应用》 在Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery Validate是一个强大的验证插件,它简化了...

    jQuery validate 自定义样式、规则

    2. **JavaScript文件**:可能包含了自定义验证规则的实现,或者对jQuery Validate的配置和扩展。 3. **HTML模板**:可能展示了如何在实际表单中应用这些自定义样式和规则。 通过结合使用这些文件,你可以构建出符合...

    Jquery validate验证框架案例

    非常好的Jquery validate:每个案例独立,都有注释 讲解了: 环境搭建 常见验证方法配置 国际化错误消息 自定义方法和远程验证 给验证添加 图标效果

    jQuery validate框架的个性化验证

    jQuery Validate 提供了许多预设的验证规则,如 `required`(必填项)、`email`(电子邮件格式)、`url`(URL格式)、`number`(数字)等。这些规则可以通过 `rules` 属性附加到表单元素上: ```javascript $('#...

    jquery表单验证框架:jquery.validate.zip

    《jQuery表单验证框架——深入理解jQuery.validate》 在网页开发中,表单验证是必不可少的一环,它能确保用户输入的数据符合预期,减少服务器端的处理负担,提高用户体验。jQuery是一个广泛使用的JavaScript库,而...

    jquery validate验证示例

    在这个“jquery validate验证示例”压缩包中,很可能包含了 `jQuery Validate` 插件的核心文件以及一些示例代码,帮助开发者快速理解和使用这个插件。 首先,`jQuery Validate` 的核心功能包括: 1. **基本验证**...

    JQueryValidate验证说明

    首先,使用`jQuery Validate`需要引入相关的文件,包括`jquery.validate.js`作为核心验证框架,`additional-methods.js`包含了一些额外的验证方法,`messages_cn.js`用于本地化消息,以及`jquery.validate.css`定义...

    jquery-validate前台验证框架,带详细使用方法

    《jQuery Validate 前台验证框架的详细使用指南》 jQuery Validate 是一款广泛使用的JavaScript库,专门用于在前端进行表单验证。它为HTML表单提供了强大的、易于使用的验证功能,能够有效地提升用户体验,确保用户...

    jquery 前端验证框架

    jQuery的验证框架提供了一套灵活、可定制的验证规则,使开发者可以快速构建表单验证逻辑。 **三、jQuery验证插件的选择** jQuery生态系统中有多个成熟的验证插件,如jQuery Validation Plugin(官方推荐)和...

    jquery_validate验证框架

    **jQuery Validate验证框架** jQuery Validate是一个非常流行的JavaScript库,它为HTML表单提供了强大的验证功能。这个插件简化了客户端的表单验证过程,使得在网页应用中实现数据验证变得快速且易于实施。它适用于...

    JQuery的validate验证框架.rar

    JQuery的validate验证框架是一个广泛使用的前端验证工具,它与jQuery库紧密结合,为HTML表单提供了强大的验证功能。这个框架简化了对用户输入数据的检查,确保在提交表单前数据的有效性和完整性,从而提高用户体验并...

    jquery validate的漂亮css样式验证

    3. **自定义验证规则**:如果你需要更复杂的验证逻辑,可以通过`.addMethod()`函数创建自定义验证规则。例如,检查密码强度的规则: ```javascript $.validator.addMethod('customPassword', function(value) { ...

    jQuery表单验证框架

    5. **rules**:这是用于定义自定义验证规则的地方。你可以根据表单元素的`name`属性来指定规则,规则可以包含多个验证条件。 ```javascript $("#myForm").validate({ rules: { name: { required: true, ...

    jQuery Validate验证框架经典大全

    《jQuery Validate验证框架经典大全》 jQuery Validate是一个强大的表单验证插件,它为开发者提供了简单易用的API,能够方便地对用户输入的数据进行实时校验,确保数据的准确性和完整性。以下是对该框架的详细说明...

    jquery.validate Validation .js验证框架 帮助 手册 文档.doc

    这个文档主要涵盖了一系列关于jQuery Validate框架的使用方法、可选参数、验证器和实用工具。以下是对这些知识点的详细说明: 1. **启用调试模式**: - `debug` 参数是一个布尔值,默认为 `false`。如果设置为 `...

Global site tag (gtag.js) - Google Analytics