`

jquery validate 常用配置

 
阅读更多

1: 自定义表单提交 

设置submitHandler来自定义表单提交动作 

$(".selector").validate({ 
submitHandler: function(form) { alert("验证通过"); } 
}); 

如果需要提交表单,可以调用 
form.submit(); 或者$(form).ajaxSubmit(); 

2: 调试模式 

将debug设置为true,表单不会提交,只进行检查,方便调试 

$(".selector").validate({ 
debug: true 
}) 

3: 设置validate的默认值 

使用setDefaults可以设置validate的默认值,比如默认所有表单验证都是在debug模式下进行 

$.validator.setDefaults({ 
debug: true 
}) 

4: 某些元素不验证 

设置ignore属性可以忽略某些元素不验证 

$(".selector").validate({ 
ignore: "ignore" 
}) 

5: 验证时机 

jquery.validate可以很方便的设置在什么时候触发验证动作 

onsubmit: 提交时是否验证 

$(".selector").validate({ 
onsubmit: false 
}) 

onfocusout: 失去焦点时验证(checkboxes/radio除外) 

$(".selector").validate({ 
onfocusout: false 
}) 

onkeyup: 在keyup时验证 

$(".selector").validate({ 
onkeyup: false 
}) 

onclick: 在checkboxes、radio点击时验证. 

$(".selector").validate({ 
onclick: false 
}) 

6: 重写验证规则和验证提示信息 

//重写max的的验证提示信息 
$.validator.messages.max = jQuery.format("Your totals musn't exceed {0}!"); 

//重写equal方法 
$.validator.methods.equal = function(value, element, param) { 
return value == param; 
}; 

7: focusInvalid 是否把焦点聚焦在最后一个动作或者最近的一次出错上 

$(".selector").validate({ 
focusInvalid: false 
}) 

8: focusCleanup 

如果该属性设置为True, 那么控件获得焦点时,移除出错的class定义,隐藏错误信息,避免和 focusInvalid.一起用。 

$(".selector").validate({ 
focusCleanup: true 
}) 

9: meta 

设置meta来封装验证规则 

$(".selector").validate({ 
meta: "validate", 
})

分享到:
评论

相关推荐

    jquery validate 信息气泡提示

    在网页开发中,jQuery Validate 是一个非常常用的验证插件,用于对用户输入的数据进行校验,确保数据的有效性和完整性。这个插件可以帮助开发者创建复杂的表单验证规则,提高用户体验,减少服务器端的压力。结合 ...

    jQuery Validate表单验证深入学习

    jQuery Validate插件是前端开发中用于表单验证的常用JavaScript库,它能够方便地集成到jQuery项目中,并提供了一套丰富的验证规则和方法。通过该插件,开发者可以快速实现对表单输入数据的验证,确保数据的准确性和...

    jquery.validate1.7验证插件最新版

    1. **易于使用**:jQuery Validate 插件通过简单的链式调用,即可实现各种验证规则的设置。 2. **内置验证规则**:包括必填项(required)、电子邮件(email)、数字(number)、URL等,满足大多数基本需求。 3. **...

    jQuery的validate插件使用整理

    validate插件支持多语言,通过引入相应的语言文件(如`jquery.validate.nl.min.js`)并调用`$.validate.setDefaults`方法设置默认语言: ```javascript <script src="js/jquery.validate.nl.min.js"> $(document)....

    jquery validate.js表单验证的基本用法入门

    jQuery Validate插件的强大之处在于其灵活的配置选项和丰富的验证规则,这使得开发者可以根据实际需求定制出高度可配置和个性化的表单验证方案。无论是初学者还是经验丰富的开发者,都能从中受益匪浅。

    Jquery(Validate-Form)使用方法[张振华.Jack]

    ### Jquery(Validate-Form)使用方法详解 #### 一、Jquery Validate 概述 Jquery Validate 是一个非常流行的前端表单验证插件,它由 Jörn Zaefferer 编写和维护,他是 jQuery 团队的一员,同时也是 jQuery UI 的...

    jquery.validate使用攻略

    1. **引入库**:首先需要在页面中引入 jQuery 和 jQuery Validate 的库文件,通常是 `jquery.js` 和 `jquery.validate.js`。 2. **初始化插件**:在文档加载完成后,通过 `$("#formId").validate()` 来启用验证功能...

    jQuery Validate

    jQuery Validate自2006年起就开始存在,并持续更新,当前稳定版本为1.14.0。 ### 主要功能 1. **验证方法**:jQuery Validate内置了一系列预设的验证规则,如检查URL、电子邮件格式等。这些规则可以直接应用于表单...

    jquery.validate.js jquery.metadata.js jquery.autocomplete.js jquery&UI; chm文档合集

    总的来说,这个压缩包集合了几个重要的jQuery扩展,它们都是前端开发中常用的工具。jQuery Validate用于表单验证,Metadata插件帮助提取DOM元素的元信息,Autocomplete提供了自动补全功能,而jQuery UI则提供了丰富...

    jqueryvalidate(猫冬)+spring3.0+struts2.18+hibernate3整合资源包

    该资源包是一个集成开发环境下的项目模板,主要涵盖了jQuery Validate、Spring 3.0、Struts 2.18和Hibernate 3这四个关键组件,它们是Java Web开发中的常用框架和技术。以下将分别对这些技术进行详细阐述。 **...

    jquery.validate验证快速上手

    #### 四、jQuery Validate 常用功能 **1. 过滤不需要验证的标签元素** 可以通过设置 `ignore` 属性来指定哪些元素不应被验证。默认情况下,所有隐藏的元素都不会被验证。 **2. 更改错误信息的位置** 使用 `...

    jquery.validate

    `jQuery Validate`有一些常用的插件,如`additional-methods.js`,它包含了更多的验证规则。你可以根据需要引入这些插件来扩展功能。 综上所述,`jQuery Validate`是一个强大的工具,可以帮助开发者轻松地实现...

    jquery validate api

    ### jQuery Validate API 知识点详解 #### 一、概述 `jQuery Validate` 是 `jQuery` 的一个插件,用于简化 HTML 表单验证过程。它提供了丰富的验证规则和自定义选项,使得开发者能够轻松地实现客户端表单验证功能...

    jQuery validate 中文API 附validate.js中文api手册

    以下是 `jQuery Validate` API 的详细说明,以及一些常用验证方法的介绍。 ### 主要方法 1. **validate(options)**: 这是初始化验证的主方法,传入一个配置对象 `options`,可以设置各种验证规则、消息和行为。...

    功能强大的jquery.validate表单验证插件

    首先,jquery.validate表单验证插件能够有效地提高开发效率,因为它内置了多种常用的验证规则,比如必填项、数字、电子邮件地址、网址等。这些内置规则让开发者无需从头编写验证逻辑,从而节省了大量时间。此外,...

    jquery_validate_(验证控件)详解

    ### jQuery Validate 插件详解 #### 一、插件简介 **jQuery Validate** 是一...以上介绍了 jQuery Validate 的核心功能和常用配置,通过灵活运用这些内置规则和自定义选项,可以有效地提高前端数据验证的质量和效率。

    jQuery的表单校验插件validate

    jQuery的表单校验插件`validate`是前端开发中常用的一个工具,它极大地简化了对HTML表单数据的验证过程。这个插件基于流行的JavaScript库jQuery构建,为开发者提供了丰富的选项和方法来定制表单验证规则,确保用户...

    jquery常用插件的收集

    本资源集合主要关注jQuery的几个常用插件,包括jQuery UI、validate和datepicker,这些插件在实际项目中非常实用,能为网页增添丰富的交互性和功能。 1. **jQuery UI**:这是一个扩展jQuery功能的组件库,提供了...

    jquery validation使用指南手册

    <script type="text/javascript" src="js/jquery.validate.pack.js"> $(document).ready(function(){ $("#textForm").validate(); }); Name ``` 上述代码展示了如何在页面加载完成后初始化 `jQuery ...

    jquery validate表单验证插件

    3. 简单而强大的验证信息提示:jQuery Validate为每种验证状态提供默认提示信息,并允许开发者通过配置参数来自定义这些信息。 4. 实时验证:通过监听keyup和blur事件,能够在用户输入时即时反馈验证结果,而不仅仅...

Global site tag (gtag.js) - Google Analytics