javascript - 即使表单值未更改，如何强制 jquery 验证器触发验证方法

Question

我有一个小的 aspx 表单，我使用 jquery 验证器对其进行验证。

var validator = $('form').validate({
    invalidHandler: function (event, validator) {
        errorsCount.Count = errorsCount.Count + 1;
        if (errorsCount.Count >= 3) {
            window.location.replace("http://" + window.location.hostname + ":" + window.location.port + "/RequestError.aspx");
        }
    },
    submitHandler: function (form) {
        errorsCount.Count = 0;
        form.submit();
    },
    rules: {
        txtFirstName: {
            required: true,
            maxlength: 50,
            containsAlphaCharacter: true
        }
    },
    onkeyup: false,
    messages: {
        txtFirstName: {
            required: EnrollmentValidationMessages.English.REQUIRED_FIELD,
            maxlength: EnrollmentValidationMessages.English.MAX_STRING_LENGTH
        }
    }
});

通过此设置，如果我在任何字段上导致验证错误并点击提交按钮，该方法将运行得很好。但是，如果我再次点击提交按钮，该方法将不会运行。这就是我需要解决的问题。基本上，我需要 invalidHandler 在每次用户单击按钮时运行，无论表单值是否更改。

Answer 1

提交表单后，jquery 验证器将缓存先前的值。除非您更改无效值或更改表单中的任何字段值，否则它将不会提交。

要强制 jquery 验证器再次重新验证而不更改字段值，您必须从 jquery 验证器中删除以前缓存的值。

为此，请在调用验证器之前将此行代码放在顶部。

$("#form :input").removeData("previousValue");

或者如果您只想删除特定值，

$("#txtFirstName").removeData("previousValue");

这会起作用。