如何清除重置按钮上的验证，并使其在再次按下提交时继续显示

Question

每个输入有：

@Html.LabelFor
@Html.EditorFor
@Html.ValidationMessageFor

验证消息的 class 为 'text-danger'。在提交不正确的值时，错误会正确显示。我添加了一个带有 type="reset" 的清除按钮，但这只会重置输入字段，而不是验证消息。

我知道一个类似的问题：How to clear Jquery validation error messages?

但是，我需要清楚地说明是要更改现有的 jquery.validation 脚本，还是如何编写单独的脚本。另外，鉴于上述条件，如何格式化重置按钮的 onclick 事件。

Answer 1

Travis J 的解决方案出现控制台错误：“无法读取 'resetForm' 的 属性 未定义...”

我使用 Nick Craver 的回答在清除时隐藏错误 类，并在提交时再次显示它们。

<script type="text/javascript">
    $(document).ready(function () {
        $('#clear').click(function () {
            $(".has-error").hide();
            $(".text-danger").hide();
        });
        $('#submit').click(function () {
            $(".has-error").show();
            $(".text-danger").show();
        });
    });           

所有验证仍然有效。