大佬教程收集整理的这篇文章主要介绍了如何在使用jquery validate和自定义errorPlacement时清除错误,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$("#signup-form").validate({ submitHandler: function(form) { form.submit(); },errorPlacement: function(error,element) { element.css("border","solid 1px red"); } });
我似乎无法弄清楚的一件事是如何在有效时清除它?
所以我从上面的代码开始.然后尝试了,我对结果感到困惑.
如果我没有成功:当一个字段失败时,它会成功添加该类.但是,只要我添加成功选项,所有必填字段都会获得该类,如果我检查该元素,我会看到< input class =“@R_301_1135@ invalid valid”>所以我做错了什么.
$("#signup-form").validate({ submitHandler: function(form) { // do other stuff for a valid form //form.submit(); },element) { element.addClass("invalid"); },success: function(error) { // change CSS on your element(s) BACk to normal },debug:true });
success: function(error) { // change CSS on your element(s) BACk to normal }
这应该动态地工作而不提交表单.一旦错误得到解决,包含的代码就会运行.
请使用jsfiddle创建问题演示.这里是a blank jsFiddle,其中已包含.validate()并可以使用.
编辑
根据OP’s jsFiddle,我做了这些改变……
errorPlacement: function(error,element) { $(element).filter(':not(.valid)').addClass("invalid"); },success: function(error) { console.log(error); $("#signup-form").find('.valid').removeClass("invalid"); }
工作演示:http://jsfiddle.net/u3Td3/6/
附注:您还遇到了一些HTML问题.你应该用/>“自我关闭”你的输入元素.提交按钮也是一样,自我关闭而不是使用< / input>.请参阅validator.w3.org以验证您的HTMl.我也没有使用表格进行布局,使用CSs.
以上是大佬教程为你收集整理的如何在使用jquery validate和自定义errorPlacement时清除错误全部内容,希望文章能够帮你解决如何在使用jquery validate和自定义errorPlacement时清除错误所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。