一个简单的jQuery插件,用于验证表单。

Posted

tags:

中文标题:一个简单的jQuery插件,用于验证表单。 原文标题:A simple jQuery plugin to validate forms. 项目评级:Star:302      Fork:225 下载地址:https://github.com/DiegoLopesLima/validate 详情介绍

即将推出:一个用于客户端和服务器端的最低限度验证库。。

jQuery验证

许可证:MIT

版本:1.1.2

需要:jQuery 1.7+

要使用<em>jQuery Validate1.7的jQuery库版本和一个带有插件的文件。单击此处下载插件。

在此之后,您只需要选择您的表单并调用jQuery.fn.validate方法。

请参见示例:

根据W3C的说法,在调用jQuery.fn.validate方法后,您可以使用对HTML5有效的数据属性来验证字段。

请参阅必填字段的示例:

jQuery Validate支持HTML5的所有字段,并使用WAI-ARIA实现可访问性。您可以使用几个属性进行验证。

属性

<th>Description</th> <th width="75px">Default</th> </tr> <tr> <td>data-conditional</td> <td>Accepts one or more indexes separated by spaces from the `conditional` object that should contain a the boolean return function.</td> <td></td> </tr> <tr> <td>data-ignore-case</td> <td>Accepts a boolean value to specify if field is case-insensitive.</td> <td>true</td> </tr> <tr> <td>data-mask</td> <td>Accepts a mask to change the field value to the specified format. The mask should use the character groups of the regular expression passed to the <a href="#data-pattern">`data-pattern`</a> attribute.</td> <td>$0</td> </tr> <tr> <td>data-pattern</td> <td>Accepts a regular expression to test the field value.</td> <td>/(?:)/</td> </tr> <tr> <td>data-prepare</td> <td>Accepts a index from the `prepare` object that should contain a function to receive the field value and returns a new value treated.</td> <td></td> </tr> <tr> <td>data-required</td> <td>Accepts a boolean value to specify if field is required.</td> <td>false</td> </tr> <tr> <td>data-trim</td> <td>Accepts a boolean value. If true, removes the spaces from the ends in the field value. (The field value is not changed)</td> <td>false</td> </tr> <tr> <td>data-validate</td> <td>You can use the `data-validate` to calling extensions.</td> <td></td> </tr> <表格>

属性

参数

<th>Description</th> <th width="75px">Default</th> </tr> <tr> <td>conditional</td> <td>Accepts a object to store functions from validation.</td> <td></td> </tr> <tr> <td>filter</td> <td>Accepts a selector string or function to filter the validated fields.</td> <td>*</td> </tr> <tr> <td>nameSpace</td> <td>A namespace used in all delegates events.</td> <td>validate</td> </tr> <tr> <td>onBlur</td> <td>Accepts a boolean value. If true, triggers the validation when blur the field.</td> <td>false</td> </tr> <tr> <td>onChange</td> <td>Accepts a boolean value. If true, triggers the validation when change the field value.</td> <td>false</td> </tr> <tr> <td>onKeyup</td> <td>Accepts a boolean value. If true, triggers the validation when press any key.</td> <td>false</td> </tr> <tr> <td>onSubmit</td> <td>Accepts a boolean value. If true, triggers the validation when submit the form.</td> <td>true</td> </tr> <tr> <td>prepare</td> <td>Accepts a object to store functions to prepare the field values.</td> <td></td> </tr> <tr> <td>sendForm</td> <td>Accepts a boolean value. If false, prevents submit the form (Useful to submit forms via <a href="http://api.jquery.com/jQuery.ajax/" target="_blank">AJAX</a>).</td> <td>true</td> </tr> <tr> <td>waiAria</td> <td>Accepts a boolean value. If false, disables <a href="http://www.w3.org/WAI/PF/aria/" target="_blank">WAI-ARIA</a>.</td> <td>true</td> </tr> <表格>

参数

回调

<;th>;描述</th>;

</tr>;

<;tr>;

<;td>;有效</td>;

<;td>;在表单i时接受要调用的函数

s有效。上下文(“this”)是当前验证的形式,参数分别为“event”和“options”</td>;

</tr>;

<;tr>;

<;td>;无效</td>;

<;td>;当窗体无效时,接受要调用的函数。上下文(“this”)是当前验证的形式,参数分别为“event”和“options”</td>;

</tr>;

<;tr>;

<;td>;每个字段</td>;

<;td>;接受要对每个字段调用的函数。上下文(“this”)是当前验证的字段,参数分别为“event”、“status”和“options”</td>;

</tr>;

<;tr>;

<;td>;每个无效字段</td>;

<;td>;当字段无效时,接受要调用的函数。上下文(“this”)是当前验证的字段,参数分别为“event”、“status”和“options”</td>;

</tr>;

<;tr>;

<;td>;每个有效字段</td>;

<;td>;当字段有效时,接受要调用的函数。上下文(“this”)是当前验证的字段,参数分别为“event”、“status”和“options”</td>;

</tr>;

<表格>

回调

正在删除验证

您可以使用jQuery.fn.validateDestroy的方法删除表单的验证。

例子:

更改jQuery.fn.validate的默认值

您可以使用jQuery.validateSetup的方法更改jQuery.fn.validate的默认值。

例子:

创建描述

您可以创建字段状态的说明。

例子:

正在创建扩展

您可以使用jQuery.validateExtend方法来扩展验证,并调用具有data-validate属性的扩展。

例子:

JavaScript 简单的类似Captcha的验证JavaScript脚本,使用jQuery(表单)验证插件

jQuery- 表单验证插件-Validation

jQuery form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).

jQuery Validate为表单提供了强大的验证功能,让客户端表单验证变得更简单

jQuery- 表单验证插件-Validation

jQuery学习之路- 表单验证插件-Validation