首页 > IT职业 > IT生活 > jQuery 表单验证 学习手记
一、 Validation Plug使用方法
例子:
二、 基本验证方法
required 必填选项 required:true,代表该输入框必填
remote 远程校验
remote:{
url:"remote.json", //远程校验地址
type:'post', //校验类型
data:{
loginTime:function(){
return +new Date
}
}
}
minlength 最小长度 minlength:2, 最小长度2字符
maxlength 最大长度
rangelength 长度范围 rangelength:[2,10],长度范围在2到10字符之间
min最小值 最小值 min:2 输入一个值,值的最小值为2
max最大值
range值范围
email Email格式 输入Email
url URL格式 输入URL,以https://或http://开头
data 日期
dataISO 标准日期格式
number 数字 输入一个数字
digits 整数 输入一个正整数
rules()方法
rules() 获取表单元素的校验规则
$(“#username”).rules() // 获取id名为username的元素的校验规则
rules(“add”,rules) 增加校验规则
$(“#username”).rules(“add”,{minlength:2,maxlength:10})
rules(“remove”,rules)删除校验规则
$(“#username”).rules(“remove”,{minlength:2,maxlength:10})
validator.form() 验证表单是否有效,返回true/false
validator.element(element) validator.element(“#username”),验证某个元素是否有效
validator.resetForm() 把表单恢复到验证前的状态
validator.showErrors(errors) 提示错误信息,不管输入的对不对
validator.showErrors({
username:"你填错了",
passowrd:"ahhaha"
})
validator.numberOfInvalids() 返回无效的元素的数量
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/200/viewspace-2798216/ ,如需转载,请注明出处,否则将追究法律责任。