jquery.validate自定义验证用法实例分析【成功提示与择要提示】

2023-07-23 15:27:03 372

1.自定义验证--成功提示

1)添加选项

errorClass:"unchecked", validClass:"checked", errorElement:"span", errorPlacement:function(error,element){ if(element.parent().find("span[for="""+element.attr("id")+"""]")!=null){ element.parent().find("span[for="""+element.attr("id")+"""]").remove(); } error.appendTo(element.parent()); }, success:function(label){ label.removeClass("unchecked").addClass("checked"); },

2)设置样式

input.unchecked{border:1px＃E6594Edotted;} span.checked{ padding:3px5px3px21px;margin-left:10px;margin-top:0px;margin-bottom:3px;adisplay:inline; height:25px;line-height:1px;font-size:12px;aborder:1pxsolid＃E6594E;white-space:nowrap; text-align:left;color:＃E6594E;background:url("/Common/Sys/Cfg/images/checked.gif")no-repeat3px;/*＃FCEAE8*/ } span.unchecked{ padding:3px5px3px21px;margin-left:10px;margin-top:0px;margin-bottom:3px;adisplay:inline; height:25px;line-height:1px;font-size:12px;border:1pxsolid＃E6594E;white-space:nowrap; text-align:left;color:＃E6594E;background:＃FCEAE8url("/Common/Sys/Cfg/images/unchecked.gif")no-repeat3px; }

2.自定义验证--择要提示

1)添加选项

errorContainer:container, errorLabelContainer:$("ul",container), wrapper:""li"", meta:"validate", errorClass:"unchecked", validClass:"checked",

2)设置样式

3)添加择要标识表记标帜

jquery.validate自定义验证用法实例分析【成功提示与择要提示】

1.自定义验证--成功提示

1)添加选项

2)设置样式

2.自定义验证--择要提示

1)添加选项

2)设置样式

3)添加择要标识表记标帜

Thereareseriouserrorsinyourformsubmission,pleaseseebelowfordetails.

随机推荐

jquery.validate自定义验证用法实例分析【成功提示与择要提示】

1.自定义验证--成功提示

1)添加选项

2)设置样式

2.自定义验证--择要提示

1)添加选项

2)设置样式

3)添加择要标识表记标帜

Thereareseriouserrorsinyourformsubmission,pleaseseebelowfordetails.

热门推荐

随机推荐