gpt4 book ai didi

jquery - 如何清除使用 jquery validate 和自定义 errorPlacement 时的错误

转载 作者:行者123 更新时间:2023-12-03 23:02:49 24 4
gpt4 key购买 nike

我正在使用 jquery 和 validate 来验证我的表单。我不是向缺少的字段添加元素,而是向元素添加边框使用此选项 errorPlacement

$("#signup-form").validate({
submitHandler: function(form) {
form.submit();
},
errorPlacement: function(error, element) {
element.css("border", "solid 1px red");
}
});

我似乎无法弄清楚的一件事是如何在有效时清除它?

所以我从上面的代码开始。然后尝试了一下,我对结果感到困惑。如果我没有 success:当字段失败时,选项会成功添加类。但一旦我添加 success选项所有必填字段都将获取该类,如果我检查该元素,我会看到 <input class="required invalid valid">所以我做错了一些事情。

           $("#signup-form").validate({
submitHandler: function(form) {
// do other stuff for a valid form
//form.submit();
},
errorPlacement: function(error, 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具有 /> 的元素。提交按钮也是如此,自动关闭而不是使用 </input> 。请参阅validator.w3.org验证您的 HTML。我也不会使用 table对于布局,请使用 CSS。

关于jquery - 如何清除使用 jquery validate 和自定义 errorPlacement 时的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12162831/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com