jquery表单验证,jquery表单验证代码
jquery表单验证on什么意思?
如果是单纯的jQuery的话,那么验证和js的验证是相似的。只不过取得对象的时候用的是jQuery(‘’)。这个方便些。
如果用jQuery ui的话 就可以用ui的form插件来验证
script src="./../../js/jquery.form.js" type="text/javascript" /script
//表单的ajax提交验证
function validate(formData, jqForm, options)
{
if($("input:checked").length0)
{
return isNull($("#gsbm"),$('#error'),'****')?true:false;
}else{
updateTips($('#error'),'没有正确数据行。');
return false;
}
}
jQuery为什么需要进行表单验证
不是jQuery需要进行表单验证, 是网页在提交数据的时候,为了减轻服务器的活,把能做的都在前端做了。
比如,用户输入一个手机号码,如果该手机号码格式是错的,比如格式是158125238pp
然后前端人员又没有对数据进行验证,然后又提交到服务器那里去,很显然这个手机号是错的,服务器存储这个手机号一点用处也没有、、、
所以需要进行表单验证
Jquery.validate.js实现前端表单验证
jquery.validate.js表单验证
官方网站:
API:
当前版本:1.5.5
需要JQuery版本:1.2.6+, 兼容 1.3.2
script src="../js/jquery.js" type="text/javascript"/script
script src="../js/jquery.validate.js" type="text/javascript"/script
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性
(7)number:true 必须输入合法的数字(负数,小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:"#field" 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀)
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10
例子:自定义密码验证的规则
jquery.validate不用submit提交,用js提交的,怎么触发验证啊?
用 button.click提交。
举例如下:
$("#form").validate();
$("#btn).click(function(){
?if($("#form").valid()){
? $("#form").submit();
}
});
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。
该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。
扩展资料
query-validate 插件
基本用法:
1、页面中引入js依赖,因为validate是依赖jquery的需要先引入jquery。
2、表单校验,首先得有一个表单,即form标签,然后由于浏览器是通过name属性来提交表单数据的,所以需要给校验的控件都加上name属性。
rules里每个控件可以给多个验证方式,常用的有:
1、required 必填验证元素。
2、minlength(length) maxlength(length)。
3、rangelength(range)设置最小长度、最大长度和长度范围 [min,max]。
4、min(value) max(value) range(range) 设置最大值、最小值和值的范围。
5、email() 验证电子邮箱格式。