视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JQUERY.VALIDATE验证框架
2025-10-02 19:09:46 责编:小OO
文档
jquery.validate验证框架使用说明

一、使用步骤:

1、下载并导入js

2、初始化参数

$.validator.setDefaults(

{//验证成功后回调参数对象submitHandler:function()//回调方法

{

document.forms[0].submit();//验证通过后提交

}

}

);

$.metadata.setType("attr

//详细见单选复选例子

$("form").validate(//绑定需要验证的form表单{//自定义参数对象

errorPlacement:function(error,element)//设置错误提示消息位置,可选

{

error.appendTo($(element).parents("td")[0]);

}

}

);

3、设定错误信息样式

注意,样式名固定为label.error,样式内容可修改。

4、表单元素绑定验证

绑定方法:class=”XXX”或xxx=”XXX”,例如

二、验证清单

1、自定义消息自定义消息可以用于所有验证器

2、自带的常用验证

3、数字验证

注:整数位数精度统一为8位(经度纬度除外),超过8位验证会提示验证出错信息4、追加的常用验证

5、单选框、复选框、下拉框是否输入验证

6、ajax验证使用步骤:

1、页面上加入验证,如

remote="XXX",代表加入ajax验证,XXX为调用的action方法,这里是使用的struts2的action方法,“!”前面是action名,后面是方法名。

msgRemote="XXX",代表自定义的提示信息。

2、在对应action里加入方法

public void checkNum()throws Exception

{

response=得到响应response;

flag=验证通过标识;

if(flag标识为不通过)

{

response.getWriter().print(false);//验证不通过

}

else

{

response.getWriter().print(true);//验证通过

}

}

这里写的是伪代码,方法名checkNum要和页面上remote属性一致。flag标识是根据具体业务需求所得到是否通过的标志。

注:在园区版本的开发里,记得要给action的方法配权限。

注意:

1、单选框、复选框是否输入验证时,没有输入的时候,提交后才会有验证信息,提交前不提示;自定义消息msg="xxx"只需要在一组元素的第一个定义即可。

2、不同的验证表单元素name属性值不能相同;同一表单元素,除了单选框、复选框外,若有id属性,尽量与name属性相同,不然有可能会发生问题。

3、当表单元素名称比较特殊时,包含了小数点、方括号等特殊字符时,要进行特殊处理,如

这时需要加上selector属性,且属性里不包含特殊字符,如

Selector属性允许输入数字、字母、下划线、中划线,这里如果需要格式与name类似,可以写成如selector=”a_b_1_c”下载本文

显示全文
专题