一个简单的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 form插件的使用--用 formData 参数校验表单,验证后提交(简单验证).