jQuery插件Validation快速完成表单验证的方式(jQuery插件是什么)

推荐整理分享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代码如下：

&#;注意：使用空格分隔验证字段