根据操作验证表单

Question

我有一个表单，输入字段很少，有两个操作可用Store和Validate。我使用jquery-validation插件进行客户端验证。

在Store操作的情况下，只有 2 个字段是必填的，在Validate操作的情况下，只有 5 个字段。起初，当我尝试执行操作验证规则时Validate操作验证规则正常工作。在我尝试执行Store操作后，但要使其正常工作，我需要从操作中清除所有以前的错误Validate并使用Store操作规则再次验证表单。我试图用resetForm()清除表单错误，但它在我的情况下不正确，因为它只清除验证错误消息，但表单仍然无效，在我更正错误之前我无法执行任何操作。请分享您的想法如何解决此问题。

附言代码片段如下。

var validationOperMandatoryFields = new Array("field1", "field2", "field3", "field4", "field5");
var storeOperMandatoryFields = new Array("field1", "field2");
$(document).ready(function() {
    var validator = $("#form").validate({
        rules: {
            field1: {
                required: {
                    depends: function () {
                        return isMandatoryForOperation('field1')
                    }
                }
            },
            field2: {
                required: {
                    depends: function () {
                        return isMandatoryForOperation('field2')
                    }
                }
            },
            field3: {
                required: {
                    depends: function () {
                        return isMandatoryForOperation('field3')
                    }
                }
            },
            field4: {
                required: {
                    depends: function () {
                        return isMandatoryForOperation('field4')
                    }
                }
            },
            field5: {
                required: {
                    depends: function () {
                        return isMandatoryForOperation('field5')
                    }
                }
            }
        }
    });
});
function isMandatoryForOperation(fieldname) {
    var operationName = $("#tempOper").val();
    switch (operationName) {
        case "Store":
            return $.inArray(fieldname, storeOperMandatoryFields) > -1;
            break;
        case "Validate":
            return $.inArray(fieldname, validationOperMandatoryFields) > -1;
            break;
    }
}

Answer 1

要完全重置表单，您需要执行以下操作：

validator.resetForm();
$("#form").get(0).reset();