700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jquery validation Engine表单验证

jquery validation Engine表单验证

时间:2021-08-28 03:52:25

相关推荐

jquery validation Engine表单验证

jQuery Validation Engine 表单验证来源

功能强大的 jQuery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。

兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+

相对 2.2.4 版本的一些区别:部分参数功能发生变化;输入控件可以不写 id 属性;参数 onSuccess 和 onFailure 改为只在表单提交时触发;验证规则 past[date](过去) 与 future[date](未来) 对调;API 接口验证控件均使用 "validate",移除 "validateField";API 接口隐藏提示均使用 "hide" 移除 "hidePrompt",保留 "hideAll"。 Ciaoca 中文优化版本:根据中文字体优化样式增加多款验证样式增加针对中文的验证规则移除无用的验证规则示例完善对 IE8 以下浏览器的支持(错误:对象不支持“indexOf”属性或方法) 版本:jQuery v1.7+jQuery Validation Engine v2.6.2 查看 Demo下载 jQuery Validation Engine v2.6.2中文优化版本:jQuery Validation Engine v2.6.2 By Ciaoca提交问题 / Bug / 建议 文档目录 使用方法验证类型参数说明HTML5 属性 API 接口自定义事件相关信息

使用方法

载入 CSS 文件

<link rel="stylesheet" href="css/validationEngine.jquery.css">

载入 JavaScript 文件

<script src="js/jquery.js"></script><script src="js/jquery.validationEngine-zh_CN.js"></script><script src="js/jquery.validationEngine.js"></script><!-- jquery.validationEngine-zh_CN.js 为配置文件,可根据需求自行调整或增加,也可以更换为其他语言配置文件 -->

给表单加上 ID

<!-- ID 须设置在 form 标签中 --><form id="form_id" ...>...</form>

给控件添加验证类型

<!--验证规则默认使用 class 属性validate[required] 表示该项必须填写--><input type="text" class="validate[required]"><input type="checkbox" class="validate[required]"><select class="validate[required]"></select>;<textarea class="validate[required]"></textarea>

设置验证

// 直接调用$('#form_id').validationEngine();// 自定义参数调用$('#form_id').validationEngine('attach', {promptPosition: 'centerRight',scroll: false});

支持链式操作

$('#form_id').validationEngine().css({border:'2px solid #000'});

验证类型

注:验证规则均写在 validate[] 中,如有多条规则,用英文逗号(,)分割。

例:validate[required,minSize[6],custom[onlyLetterNumber]]

Ciaoca 增强版增加验证规则:

参数说明

HTML5 属性

错误信息属性(实验的)

属性值与验证规则相对应

<!-- 自定义错误信息属性(实验支持) --><input type="email" name="email" id="email" data-validation-engine="validate[required,custom[email]]"data-errormessage-value-missing="E-mail 不能为空" data-errormessage-custom-error="E-mail 格式应为:someone@" data-errormessage="通用的错误提示信息">

API 接口

自定义事件

插件增加的自定义事件,可参考[Demo]

相关信息

作者网站:http://www.position-/articles/jquery-form-validator-because-form-validation-is-a-mess/ 相关文档:Github中文文档 授权协议:MIT

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。