jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在使用jquery validate和自定义errorPlacement时清除错误大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 jquery并验证以验证我的表单.
我没有向缺少的字段添加元素,而是向元素添加边框
使用此选项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
            });

解决方法

您可以尝试将此添加到.validate()选项列表中……

success: function(error) {
    // change CSS on your element(s) BACk to normal
}

这应该动态地工作而不提交表单.一旦错误得到解决,包含的代码就会运行.

documentation.

请使用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,请注明来意。