jquery - 使用 jQuery 验证引擎插件向表单字段添加类

Question

我正在使用jQuery 验证引擎。我希望错误的表单字段以红色突出显示，并显示tooltip-error消息。我想我可以使用 jQuery 的addClass.

我的计划是添加一个类“错误”到紧随其后的任何输入字段div.inputCreditCardformError（即保存tooltip-error消息的 div。它在字段未验证时出现，并在字段验证后消失。

我的问题是：这个添加的类会在消失时div.inputCreditCardformError消失吗？或者添加的类会在页面的生命周期内保留在页面中吗？

Answer 1

您无需修改​​ jQuery 验证引擎代码即可添加表单字段突出显示。初始化验证引擎时可以使用以下选项：addFailureCssClassToField和addSuccessCssClassToField.

例如：

$("#myForm").validationEngine({addFailureCssClassToField: "inputError"});

Answer 2

如果您使用.addClass('error')，该类将保留。在字段有效后，您需要.removeClass('error')在代码中放置一个以删除该类。我没有查看代码，但它应该与删除工具提示窗口的代码一起使用。

Answer 3

试试这个，

jQuery("#formID").validationEngine('attach', {addFailureCssClassToField: "inputError",promptPosition : "topLeft"});

.inputError{
    border: 2px solid #000;
}