jquery validate表单验证

本文详细介绍jQuery Validate插件的常见校验规则,包括必填、邮箱格式、长度限制、远程验证等,以及如何自定义规则和错误消息,提供表单验证的全面解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

jQuery validate 为表单验证提供了很多的便利

常用的校验规则rules:
规则描述默认提示
required : true必须输入的字段“This field is required.”
email : true必须输入正确格式的电子邮件“Please enter a valid email address.”
equalTo : “#field”输入值必须和#field相同“Please enter the same value again.”
maxlength : 5输入长度最多为5字符(汉字算一个)$.validator.format( “Please enter no more than {0} characters.” )
minlength : 10输入长度最少为10字符(汉字算一个)$.validator.format( “Please enter at least {0} characters.” )
remote : “check.php”使用ajax方法调用验证输入值方法“Please fix this field.”
date:true必须输入正确格式的日期。日期校验 ie6 出错,慎用“Please enter a valid date.”
url:true必须输入正确格式的网址“Please enter a valid URL.”
number:true必须输入合法的数字(负数,小数)“Please enter a valid number.”
digits:true必须输入整数“Please enter only digits.”
validate()的可选项(用过的)
  • rules:自定义规则,key:value 的形式,key 是要验证的元素,value 可以是字符串或对象。
  • messages:自定义的提示信息,key:value 的形式,key 是要验证的元素,value 可以是字符串或函数。
  • submitHandler:通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交
  • success:要验证的元素通过验证后的动作,如果跟一个字符串,会当作一个 css 类,也可跟一个函数。
  • highlight:可以给未通过验证的元素加效果、闪烁等。
  • errorPlacement:跟一个函数,可以自定义错误放到哪里。

代码:

errorPlacement: function(error, element){
	error.appendTo("p");
}
  • error 为错误信息
  • element 为节点
注意点!

这里有一个问题值得注意,好像vue和validate不能一起用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值