JQuery学习(8)插件 validate验证

插件是以JQuery核心代码为基础，编写出符合一定规范的应用程序，并将程序进行打包，调用时，仅需要包含该打包后的JS文件即可

我们所介绍的以及常用的一些插件都可以在这里找到

http://archive.plugins.jquery.com/

http://plugins.jquery.com/

validate

validate简介：
自带验证规则，包括必填，数字，url等
验证提示信息(就是验证失败时候的提示信息，要想显示中文需要插件支持)
多种事件触发，不仅可以在提交(单击submit类型的按钮)时，还可以在keyup,blur事件中触发验证
4.允许自定义验证规则

validate使用方法:
引入Jquery
引入jquery.validate.js
引入messages_cn.js
为表单定义一个id
为需要验证的控件定义name属性，并赋值，此插件使用的是控件的name属性，而非id
必须先引入Jquery，否则会报错"jQuery未定义"

$('#fmv').validate({
                rules: {
                    username: { required: true, minlength:},
                    email: { required: true, email: true }
                },
                errorshow: function (error, element) {
                    error.appendTo(element.siblings('span'));
                }
            })

使用上面的代码进行验证：
rules:声明验证规则，此为关键字，不能写错
username和email:控件的name属性的值
errorshow：表示错误处理，可以自定义名字
error:错误信息
element:错误元素

validate内置验证规则

required:true必输字段
remote:"check.php" 使用ajax方法调用check.php验证输入值
email:true 必须输入正确格式的电子邮件
url:true 必须输入正确格式的网址
date:true 必须输入正确格式的日期
dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
number:true 必须输入合法的数字(负数，小数)
digits:true 必须输入整数

creditcard: 必须输入合法的信用卡号
equalTo:"#field" 输入值必须和#field相同
accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
minlength:10 输入长度最小是10的字符串(汉字算一个字符)
rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
range:[5,10] 输入值必须介于 5 和 10 之间
max:5 输入值不能大于5
min:10 输入值不能小于10

秒客网

JQuery学习(8)插件 validate验证

相关文章