位置: 编程技术 - 正文
jQuery插件Validation快速完成表单验证的方式(jQuery插件是什么)
发布时间：2024-02-27推荐整理分享jQuery插件Validation快速完成表单验证的方式(jQuery插件是什么)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jQuery插件安装教程,jquery插件库怎么导入,jQuery插件使用,jQuery插件开发,jQuery插件开发,jQuery插件使用,jQuery插件库,jQuery插件安装教程,内容如对您有帮助，希望把文章链接给更多的朋友！
JQuery的Validation插件可以到 &#;首先引入JQuery库和Validation插件： <script type="text/javascript" src="jquery-2.2.4.min.js"></script><script type="text/javascript" src="jquery.validate.min.js"></script> &#;然后是打开验证开关：
&#;validation的build_in验证规则有：&#;class = “required”: 表明表单中该字段为必选的 &#;class = "required email" 表明在表单中该字段为必须存在的，而且是符合email的规范格式 &#;class = "url"表明在表单中该字段需要满足url的匹配模式 &#;minlength = "6" 表明在表单中该字段的长度最小为6位
&#;案例展示：
验证规则全写到Class中
和简易使用不同的是，这种方式使用pure的class来进行控制。但是我们需要引入一个新的插件jquery.metadate.js。实现的功能就是帮助用户将所有的与验证数据相关的信息写到class属性中，方便管理。
我们可以通过以下几步来实现这一需求。 &#;引入一个新的插件jquery.metadata.js <script src="jquery.metadata.js"></script> &#;改变调用验证表单的开关：
&#;将验证信息写到class属性中。详见下面的代码。
注意： Validate写在class属性的时候，记得要将验证规则使用空格分隔开来。 否则代码不会正常的运行！
还有就是$("#vform").validate({meta:"validate"});中validate这个单词不能随意的更改，否则也是不会生效的。
通过name属性构建验证规则
下面介绍一种与HTML元素的属性无直接关联，而是通过name属性来关联字段和验证规则的验证写法。
优点： 可以实现行为与结构的分离，便与调试和维护代码； &#;表单代码，去除所有的class验证。当然这并不是说我们不可以给字段添加样式咯。
&#;JQuery代码如下：
&#;注意：使用空格分隔验证字段
标签: jQuery插件是什么
本文链接地址:https://www.jiuchutong.com/biancheng/385001.html 转载请保留说明！
