动态表单中的 jQuery 验证不起作用

Question

我正在使用ajax检索表单，一旦我收到表单并将其添加到DOM中，我尝试使用jQuery对其附加一些验证，结果并不符合预期。

我通过 AJAX 调用插入到页面中的 HTML 是:

<form id="accept-form">
    <input id="txName" type="text" value="" name="txName" data-val-required="Please Select A Valid User" data-val="true">
    <span class="field-validation-valid" data-valmsg-for="txName" data-valmsg-replace="true"></span>
</form>

然后我将此表单附加到我的页面并尝试为其创建一个 jQuery 验证器，如下所示:

$("#accept-form").validate({
    rules: {
        txName: {
            required: true
        }
    },
    messages: {
        txName: {
            required: "Enter your name"
        }
    }
});

然后，当我按下提交按钮时，我会设置一个警报，无论 txName 字段是否为空，它都会返回 True:

alert($("#accept-form").valid());

尝试了几种不同的方法，如果有任何关于我可能做错的事情的想法，我将不胜感激。

Answer 1

答案就是我用验证器解析 html 的方式。

var form = $("#accept-form");

form.unbind();
form.data("validator", null);
$.validator.unobtrusive.parse(form);