jquery的表单验证框架--validate的使用
jquery 的表达验证框架--validate的使用
站在用户的角度思考问题,与客户深入沟通,找到庆安网站设计与庆安网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广、空间域名、雅安服务器托管、企业邮箱。业务覆盖庆安地区。
步骤一、引仅validate验证的validate.js文件
同时引进jquery文件,
步骤二、 调用加载函数开始验证
$(document).ready(function(){
$("formname").validate({
//验证的规则 每一个验证规则都对应一个验证函数,用户可以自定义验证函数
ruels:{
username:{
required:true, //必须填写
maxlength:12, //字符的长度不得大于12
minlength:5 //字符的长度不得小于5
}
},
//对应的错误的提示信息
messages:{
username:{
required:'用户名不能为空',
maxlength:'用户名的长度不得超过12个字符',
minlength:'用户名的长度不得少于5个字符'
}
}
});
})
案列参见:
jquery的表单验证框架--validate
//***************************************************************************/
自定义验证规则的详解
如何使用自定的验规则:
* 自定义方法(验证方法的名称是af)
/*
*
* 增加验证方法:
* $.validator.addMethod("af",function(value,element,params){},"必须是一个字母,且a-f");
* * 第一个参数,就是添加的验证方法的名称,这时是af
* * 第二个参数,是一个函数function(value,element,params)
* * value:验证组件的值
* * element:验证组件的对象
* * params:传递的参数 默认值测试
* * 第三个参数,就是自定义的错误提示,这里是xxxxxxx
*/
$.validator.addMethod("af",function(value,element,params){
// alert("value "+value);
// alert("element "+element);
// alert("params "+params);
if(value!=null){
var len=value.length;
if(len!=15||len!=18){
return false; //false 表示弹出错误信息
}
}
return true; //通过验证
},"xxxxxx");
* 在rules中指定这个某个域使用此校验规则
cart:{
required:true,
af:"2" //2表示默认值 对应的是验证方法的params参数
}
*在messages中指定这个域使用此校验规则没有通过的提示信息
cart:{
required:"×××号码不能为空",
af:"输入有误"
}
//validate常用的验证函数
required: true 必输字段
remote: "check.php" 使用ajax方法调用check.php输入验证值
email: true 必须输入正确格式的电子邮箱
url: true 必须输入正确格式的网址
date: true 必须输入正确格式的日期
dateISO:true 必须输入正确格式的日期(iso) 列(2001-5-4) 1998/5/3只验证格式,不验证有效性
number: true 必须输入合法的数字(小数,负数)
digits:true 不许输入整数
creditcard:必须输入合法的信用卡号
equalTo:'#field' 输入值必须和#field相同
accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
minlength:5输入长度至少是5的字符串
rangelength:[5,10] 输入的字符长度必须是在5到10之间
range[5.10] 输入的值必须在5到10之间
max:5输入的值不能大于5
本文名称:jquery的表单验证框架--validate的使用
当前路径:http://myzitong.com/article/jjidgg.html