`
layznet
  • 浏览: 226200 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery.validation增加自定义验证

阅读更多
方法:在jquery.validate.min.js下增加类似如下自定义校验代码:
// jQuery.validator增加IP验证
  jQuery.validator.addMethod("ip", function(value, element) {
    return this.optional(element) || (/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/.test(value) && (RegExp.$1 < 256 && RegExp.$2 < 256 && RegExp.$3 < 256 && RegExp.$4 < 256));
  }, "Please enter a valid ip address.");
  
/* 采用不严格的方式验证电话号码。只要电话号码由数字或者数字加"-"(最多两个"-")组 *合构成,均符合。比如:400-823-823, 95555, 010-81567415, 18857107619
 * */
jQuery.validator.addMethod("lenientTel", function(value, element) {
  return this.optional(element) || (/^([0-9]{1,9}(\-)?)?([0-9]{1,9}){1}(\-[0-9]{1,9})?$/.test(value));
}, "电话号码格式错误!");


使用:
<input type="text" name="tel" id="tel" class="lenientTel" />
或者
<input type="text" name="tel" id="tel" class="{lenientTel:true}" />
分享到:
评论

相关推荐

    jQuery.validationEngine 表单验证中文版

    除了内置的验证规则,jQuery.validationEngine还允许开发者自定义验证方法。通过`addMethod`函数,可以创建新的验证规则,满足特定业务需求。 总结来说,jQuery.validationEngine是一个功能强大且灵活的前端表单...

    jQuery.validationEngine表单验证中文版

    - **自定义验证**:允许开发者编写自己的验证函数,满足特定需求。 2. **安装与使用** - 下载:在给定的压缩包`formValidator2.2.4_ciaoca`中,包含的是jQuery.validationEngine的2.2.4版本,解压后可获取所需的...

    jquery.validationEngine 控件验证表单跟检测数据库是否有重名

    《jQuery.validationEngine控件在表单验证与数据库重名检测中的应用详解》 在Web开发中,表单验证是不可或缺的一环,它确保了用户输入数据的准确性和完整性。jQuery.validationEngine是一款强大的JavaScript验证...

    jQuery Validation Engine ( jQuery 表单验证插件)

    2. **自定义验证**:除了预设规则,Validation Engine还允许开发者创建自定义验证方法,以应对特定的业务需求或复杂的验证逻辑。 3. **友好的错误提示**:当用户输入不符合规则时,Validation Engine可以即时显示...

    jquery.validationEngine校验插件

    你也可以自定义验证规则。通过设置 `prompt` 属性,可以自定义错误提示信息: ```html [required,custom[email]]" data-prompt-position="topLeft"&gt; ``` 这里的 `custom[email]` 表示使用自定义的正则表达式验证...

    jQuery.Validation.Engine

    **jQuery.Validation.Engine** 是一个基于JavaScript库jQuery的插件,专为网页表单验证提供强大支持。这个插件设计精美,功能丰富,可以帮助开发者轻松创建符合业务规则的表单验证,提升用户体验,确保用户输入的...

    jquery.validation.js和用法

    4. **自定义规则**:除了预设的规则外,你还可以创建自定义验证规则,以满足特定需求。通过`.addMethod()`方法添加新的验证方法。 5. **事件处理**:validation.js提供了一些事件,如`invalid.form`,可以在验证...

    (五)struts2- 2.3.15.3 spring3.2.4 mybatis-3.2.3 jquery.validationEngine表单验证

    jQuery.validationEngine则是一个强大的JavaScript库,用于前端表单验证,提供丰富的验证规则和友好的提示效果。 Struts2作为MVC(模型-视图-控制器)架构的一部分,主要用于处理用户的请求并控制应用流程。版本2.3...

    JQuery.validationEngine表单验证插件(推荐)

    JQuery.validationEngine是一款基于jQuery的表单验证插件,它提供了一种简单且高效的方式来增强表单验证功能。通过这款插件,开发者可以在Web应用中轻松实现输入数据的合法性检验,提高用户体验,减少无效数据的提交...

    jQuery Validation Plugin1.19.5(jQuery验证插件最新)

    jQuery 插件使客户端表单验证变得容易,同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西,或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时,它都是一个不错的选择。该插件捆绑了一...

    jquery表单验证插件validationEngine---个人修改

    ValidationEngine允许开发者通过JavaScript创建自定义验证函数,实现对特定业务场景的验证需求。例如: ```javascript jQuery.validationEngine.addPrompt("myCustomRule", "这是自定义的验证错误提示"); $....

    jquery1.4.js + jquery-validation.min.js

    通过上述方式,jQuery 1.4.js和jQuery Validation Plugin的结合使用,不仅简化了前端验证的实现,也提高了用户界面的交互性。在不断演进的Web开发中,理解并熟练掌握这些基础工具,对于提升开发效率和构建高质量的...

    jquery-validation 支持 自定义错误样式

    它提供了强大的功能,允许开发者自定义验证规则和错误处理方式。在这个话题中,我们将深入探讨如何利用jQuery Validation插件来支持自定义错误样式。 ### 1. 错误样式概述 在使用jQuery Validation插件进行表单...

    【JavaScript】jquery.validation.js

    《深入解析jQuery Validation插件与JavaScript验证机制》 在Web开发中,用户输入的数据验证是一项不可或缺的任务,确保数据的正确性和安全性。JavaScript作为客户端的脚本语言,常常被用来实现前端验证,以提供即时...

    jQuery-validation.rar

    还可以通过扩展验证方法,使用`.addMethod()`函数来增加自定义验证规则。 例如,一个简单的表单验证示例可能如下: ```html 用户名不能为空"&gt; 请输入有效邮箱"&gt; 提交 &lt;script src="jquery.js"&gt; ...

    jquery form jquery.form.js

    1. 表单验证:结合其他表单验证插件,如jQuery Validation,确保数据准确无误后再进行提交。 2. 错误提示:根据返回的错误信息,向用户展示具体的错误信息,提高用户交互性。 3. 自定义事件:利用jQuery的事件绑定,...

    jQuery.Validator

    jQuery.Validator允许开发者自定义验证规则,满足更复杂的需求。你可以根据项目需求编写新的验证函数,并将其应用到特定的输入字段上,增强了插件的灵活性。 5. **UI样式**: "validationEngine.jquery.css"是...

    jquery手册(jquery.cuishifeng.cn网页版)2

    7. **插件生态**: jQuery拥有庞大的插件生态系统,如jQuery UI提供丰富的用户界面组件,jQuery Validation插件用于表单验证,Bootstrap是基于jQuery的前端框架。 8. **版本更新**: jQuery经历了多个版本迭代,每个...

    jquery-validation 网页表单验证js

    4. **自定义规则**:`jQuery-validation`允许开发者创建自定义验证规则,以满足特殊需求。通过`.addMethod()`方法,可以定义新的验证函数,并指定其名称和验证逻辑。 5. **错误消息**:默认的错误消息可以通过`...

    jQuery-Validation-Engine-master

    - **自定义验证规则**:你可以通过扩展Validation Engine的API来创建自己的验证规则。 - **多语言支持**:Validation Engine支持多语言,只需引入相应的语言文件即可。 - **动态添加/移除验证**:根据业务逻辑,可以...

Global site tag (gtag.js) - Google Analytics