jquery-validate - jquery 验证：我想在按下重置按钮时重置验证

Question

<script type="text/javascript">
            /* <![CDATA[ */
            jQuery(function(){
                jQuery("#ValidNumber").validate({
                    expression: "if (!isNaN(VAL) && VAL) return true; else return false;",
                    message: "Should be a number"
                });
                jQuery("#Email").validate({
                    expression: "if (VAL.match(/^[^\\W][a-zA-Z0-9\\_\\-\\.]+([a-zA-Z0-9\\_\\-\\.]+)*\\@[a-zA-Z0-9_]+(\\.[a-zA-Z0-9_]+)*\\.[a-zA-Z]{2,4}$/)) return true; else return false;",
                    message: "Should be a valid Email id"
                });
                jQuery("#ValidNumber").validate({
                    expression: "if (VAL > 100) return true; else return false;",
                    message: "Should be greater than 100"
                });
                jQuery("#Mobile").validate({
                    expression: "if (VAL.match(/^[9][0-9]{9}$/)) return true; else return false;",
                    message: "Should be a valid Mobile Number"
                });
            });
            /* ]]> */
        </script>

实际上，这是我的 jquery 脚本来回答我的问题，当我按下表单中的重置按钮时，如何重置验证以及文本字段，其中涉及的过程是什么。

Answer 1

当您将验证代码捆绑到一个验证调用中时，如下所示：

window.validator = $('form#your_formid').validate({
rules: {
    validNumber: {
        expression: "if (!isNaN(VAL) && VAL) return true; else return false;"
    },
    email: {
        required: true,
        email: true
    },
    // ...
},
messages: {
    validNumber: {
        expression: 'Should be a number'
    },
    email: {
        required: 'Fill in your email,
        email: 'Valid email please'
    }
}

当您单击重置按钮时，您可以在 de validate 对象上调用 resetForm

window.validator.resetForm();