当前位置：Gxlcms > JavaScript > jQueryValidationPlugIn的使用方法详解_jquery

jQueryValidationPlugIn的使用方法详解_jquery

时间：2021-07-01 10:21:17 帮助过：2人阅读

一、用前必备
官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
API: http://jquery.bassistance.de/api-browser/plugins.html
当前版本：1.5.5
需要JQuery版本：1.2.6+, 兼容 1.3.2

如需要修改，可在js代码中加入：

推荐做法，将此文件放入messages_cn.js中，在页面中引入
[codept src="../js/messages_cn.js" type="text/javascript"> [/code
四、使用方式
1.将校验规则写到控件中

使用class="{}"的方式，必须引入包：jquery.metadata.js
可以使用如下的方法，修改提示内容：

代码如下:

class="{required:true,minlength:5,messages:{required:'请输入内容'}}"

在使用equalTo关键字时，后面的内容必须加上引号，如下代码：

代码如下:

class="{required:true,minlength:5,equalTo:'#password'}"

另外一个方式，使用关键字：meta（为了元数据使用其他插件你要包装你的验证规则在他们自己的项目中可以用这个特殊的选项）
再有一种方式：

这样可以使用validate="{required:true}"的方式，或者class="required"，但class="{required:true,minlength:5}"将不起作用
2.将校验规则写到代码中

required:true 必须有值
required:"#aa:checked"表达式的值为真，则需要验证
required:function(){}返回为真，表时需要验证
后边两种常用于，表单中需要同时填或不填的元素

五、实例讲解

实例一：精简验证，通过表单对象调用validate()方法进行验证，验证规则通过html标签属性定义：以下为常用属性定义距离

class='required'　　//必须字段
class='mail'　　//邮箱验证
class='url'　　//URL网址验证
class='date'　　//正确的日期格式满足 2012，0204，2012-02-04
class='number'　　//输入合法的数字
class='digits'　　//输入整数
minlength=''　　//最小输入长度
maxlength=''　　//最长输入长度(该值不会提示，当值达到一定字符数不可再增长)
max=''　　//输入的数值小于指定值
min=''　　//输入的数值大于指定值




 jQuery PlugIn - 表单验证插件实例 Validate

实例二：方法验证，通过自定义表单规则来验证表单




 jQuery PlugIn - 表单验证插件实例 Validate

以上就是本文的全部内容，希望对大家的学习有所帮助。

jQueryValidationPlugIn的使用方法详解_jquery

人气教程排行