jquery - resetForm() 不会调用取消突出显示

Question

我想在调用resetForm()时取消突出显示。有办法做到这一点吗？

$('#coupon_submit_btn').on('click',function(){
  .....
  $('#coupon_code').val("");
  validator.resetForm(); ......

编辑:

其中验证器是我验证的表单

var validator = $('#checkout_form_payment').validate({ rules......

Answer 1

郑重声明，如果您想拥有 resetForm()调用unhighlight() ，您可以将以下内容添加到您的 JS 中:

$.validator.prototype.resetForm = function() {
    if ( $.fn.resetForm ) {
        $(this.currentForm).resetForm();
    }
    this.submitted = {};
    this.lastElement = null;
    this.prepareForm();
    this.hideErrors();
    var elements = this.elements().removeData("previousValue").removeAttr("aria-invalid");
    if (this.settings.unhighlight) {
        for (var i = 0; elements[i]; i++) {
            this.settings.unhighlight.call(this, elements[i], this.settings.errorClass, this.settings.validClass);
        }
    }
}

这将取代现有的 resetForm()复制现有的resetForm()行为，但将删除错误类的代码替换为调用 unhighlight()在每个元素上。