Ajax请求后手动绑定JQuery验证

Question

我正在请求一个实时框的 ASP.net MVC 视图，该视图包含已用 JQuery 的非侵入式验证器插件使用的属性标记的表单字段。

然而，客户端脚本不起作用，我的理论是，这是因为验证框架仅在页面加载时触发，而当 MVC 视图加载到实时框中时，页面加载早已过去。

因此，我如何让验证框架知道它有新的表单字段需要修复？

干杯，伊恩。

Answer 1

var $form = $("form");

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

$.validator.unobtrusive.parse(document);
// Re add validation with changes
$form.validate($form.data("unobtrusiveValidation").options);

Answer 2

您可以查看以下博客文章。这是另一个。

Answer 3

另一种选择，相当技巧，对我有用。只需在 ajax 调用返回的部分视图的开头添加以下行

this.ViewContext.FormContext = new FormContext(); 

参考

Answer 4

由于某种原因，我必须结合 bjan 和 dfortun 的答案......

所以我把这个放在我的观点中：

@{
  this.ViewContext.FormContext = new FormContext();
}

这在 ajax 调用完成后执行：

var form = $("#EnrollmentForm");
form.unbind();
form.data("validator", null);
$.validator.unobtrusive.parse(document);
form.validate(form.data("unobtrusiveValidation").options);

Answer 5

我有类似的问题。我有一个表单，它使用 Ajax 请求重新显示具有不同表单字段的表单的一部分。 在客户端手动执行此操作来使用不引人注目的验证

@Html.TextBoxFor

我通过使用文本框 。由于某种原因，当尝试使用无效字段提交时，验证会起作用（例如，文本框以红色勾勒，并且相应的错误消息会显示我在属性中放入的内容

data_val_required

）。

但是，在我单击一个按钮后，一个 Ajax 请求修改具有不同字段的表单，然后再次提交，仅显示无效字段上的红色轮廓，但没有呈现任何错误消息

bjan 的技巧对我有用，但我仍然看不到导致问题的原因。执行客户端所需的所有 HTML我只是不明白为什么错误消息属性值不会显示。

我所能想到的是 jQuery 验证代码在提交后不会再次尝试检查表单字段。