jquery表单验证,jquery表单验证代码

http://www.itjxue.com  2023-01-20 12:59  来源:未知  点击次数: 

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() 验证电子邮箱格式。

(责任编辑:IT教学网)

更多

推荐Illustrator教程文章