Javascript 如何在jQuery中向my validate（）元素添加不同的类？

我正在使用validate jQuery方法验证此表单：

<form id="emailRecover">    
    <div class="row light-field-container error-container">
        <input type="text" id="dniPassword" name="dniPassword" required="" class="form-text">
         <span class="tool-error">Please, insert your ID card number.</span>
         <div class="birthdate-input">
             <input type="text" id="birthdatePassword" required="" name="birthdatePassword" class="form-text">
             <span class="format">DD/MM/AA</span>
          </div>
          <span class="tool-error">Please, insert your birth date.</span>
          <input type="button" id="sendword-new-button" name="send_password_new_button" >
     </div>
 </form>

我想在错误输入中添加一个自定义类，如下所示：

<form id="emailRecover">    
    <div class="row light-field-container error-container">
        <input type="text" id="dniPassword" name="dniPassword" required="" class="form-text form-error"> <-- Added class to this input
         <span class="tool-error">Please, insert your ID card number.</span>
         <div class="birthdate-input">
             <input type="text" id="birthdatePassword" required="" name="birthdatePassword" class="form-text form-error"> <-- Added class to this input
             <span class="format">DD/MM/AA</span>
          </div>
          <span class="tool-error">Please, insert your birth date.</span>
          <input type="button" id="sendword-new-button" name="send_password_new_button" >
     </div>
 </form>

$('form').validate({
    // make sure error message isn't displayed
    errorPlacement: function () { },
    // set the errorClass as a random string to prevent input disappearing when valid
    errorClass : "error_class_name",
    // use highlight and unhighlight
    highlight: function (element, errorClass, validClass) {
        $(element.form).find("input").addClass("error");
    },
    unhighlight: function (element, errorClass, validClass) {
        $(element.form).find("input").removeClass("error");
    }
});

您可以这样定义和定义属性：

<form id="emailRecover">    
    <div class="row light-field-container error-container">
        <input type="text" id="dniPassword" name="dniPassword" required="" class="form-text form-error"> <-- Added class to this input
         <span class="tool-error">Please, insert your ID card number.</span>
         <div class="birthdate-input">
             <input type="text" id="birthdatePassword" required="" name="birthdatePassword" class="form-text form-error"> <-- Added class to this input
             <span class="format">DD/MM/AA</span>
          </div>
          <span class="tool-error">Please, insert your birth date.</span>
          <input type="button" id="sendword-new-button" name="send_password_new_button" >
     </div>
 </form>

$('form').validate({
    // make sure error message isn't displayed
    errorPlacement: function () { },
    // set the errorClass as a random string to prevent input disappearing when valid
    errorClass : "error_class_name",
    // use highlight and unhighlight
    highlight: function (element, errorClass, validClass) {
        $(element.form).find("input").addClass("error");
    },
    unhighlight: function (element, errorClass, validClass) {
        $(element.form).find("input").removeClass("error");
    }
});

突出显示

-如何突出显示无效字段。覆盖以决定哪些字段以及如何高亮显示。

unhighlight

-调用以还原选项highlight所做的更改，参数与highlight相同

---

希望这有帮助

太好了！！现在，我只想取消高亮显示之前突出显示的一个，而不是所有代码：）很高兴看到它对您有所帮助，谢谢！