jquery - 使用 Html.ValidationMessage 通过 jQuery 进行 ASP.NET MVC 客户端验证？

Question

我正在尝试利用 HTML.ValidationMessage() 元素来使用 jQuery 编写真正自定义的客户端验证。这可能吗？我的服务器端验证是使用 HTML.ValidationMessage() 显示的，我想知道如何在表单提交之前访问该元素以使用 jQuery 显示自定义消息。

我知道有一些插件可以做这些事情，但我真的希望完全控制我的验证。

这是我目前拥有的一些 Javascript 代码。基本上，它在提交时将验证“类”添加到输入元素，但不确定如何访问 Html.ValidationMessage 来输出“需要电子邮件”之类的内容。

    <script type="text/javascript">
    $(document).ready(function() {
        $("input[type=submit]").click(function() {

            var valid = true;

            // email blank
            if ($("input[name='email']").val().length < 1) {
                $("input[name='email']").addClass("input-validation-error");
                valid = false;
            }

            return valid;
        })
    });

</script>

以及 View 中的代码:

       <p>
            <label for="email">
                Email:</label>
            <%= Html.TextBox("email") %>
            <%= Html.ValidationMessage("email") %>
        </p>

Answer 1

您可以编写大量代码来完成此操作。或者你可以只使用 xVal ，它是免费的，并且可以做到这一点，甚至还有更多。将值注释放在您的 .NET 类型上，向您的 aspx 添加一些简单的内容，然后您就可以免费获得 jQuery 验证。此外，它还附带了流行框架的提供程序，并且可以高度自定义，以防您需要更复杂的验证。

我认为没有必要在这里重新发明轮子。