jquery - MVC3 .valid() 始终为 true

Question

我在元素上调用 JQuery .valid() 方法时遇到一些问题。我有以下代码。有人用 ASP.net MVC 和不显眼的 javascript 来管理这个吗？

Javascript代码

$(function() {
    $('#anchor').click(function () {
        if ($('#myform').valid()) {
            alert("it's valid");     
        } 
    });
});

HTML View 输出

<div class="editor-label">
    <label for="FirstName">First name</label>
</div>
<div class="editor-field">
    <input data-val="true" data-val-required="The First name field is required." id="FirstName" name="FirstName" type="text" value="" />
    <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>
</div>

我已经尝试了各种方法，但没有发现任何问题。当点击提交按钮时，表单本身正在正确验证。

Answer 1

如果您使用有效的插件 ( http://docs.jquery.com/Plugins/Validation/valid )，则必须在表单上使用验证。

$("#myform").validate();
$("a.check").click(function() {
     alert("Valid: " + $("#myform").valid());
     return false;
});