validate使用知识点

来源:互联网 发布:《云计算安全》 编辑:程序博客网 时间:2024/04/30 15:58

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

、、、、、、、、、、、、、、、、
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:错误元素
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

、、、、、、、、、、、、、、、、、、、、、、、、、、
validate的验证方式很多,但是最基本可以分为两类:内置验证和自定义验证。
使用内置验证的方式也不只一种,做个简单介绍,并不全面
典型应用方式:将所有严阵规则都定义在<script></script>标签之间,如下

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