我在尝试使通俗易懂的jquery验证与通过AJAX调用动态加载的局部视图一起工作时遇到问题。
我已经花了几天时间试图让此代码正常运行。
这是视图:
@model MvcApplication2.Models.test
@using (Html.BeginForm())
{
@Html.ValidationSummary(true);
<div id="res"></div>
<input id="submit" type="submit" value="submit" />
}
部分视图:
@model MvcApplication2.Models.test
@Html.TextAreaFor(m => m.MyProperty);
@Html.ValidationMessageFor(m => m.MyProperty);
<script type="text/javascript" >
$.validator.unobtrusive.parse(document);
</script>
该模型:
public class test
{
[Required(ErrorMessage= "required field")]
public int MyProperty { get; set; }
}
控制器:
public ActionResult GetView()
{
return PartialView("Test");
}
最后,javascript:
$(doument).ready(function () {
$.ajax({
url: '/test/getview',
success: function (res) {
$("#res").html(res);
$.validator.unobtrusive.parse($("#res"));
}
});
$("#submit").click(function () {
if ($("form").valid()) {
alert('valid');
return true;
} else {
alert('not valid');
return false;
}
});
验证无效。即使我没有在texbox中填写任何信息,submit事件也会显示警报(“有效”)。
但是,如果不是动态加载视图,而是@Html.Partial("test", Model)
在主视图中渲染部分视图(并且我不进行AJAX调用),那么验证就可以了。
这可能是因为如果我动态加载内容,则DOM中尚不存在控件。但是我打了一个电话 $.validator.unobtrusive.parse($("#res"));
,应该足以让验证器知道新加载的控件...
有人可以帮忙吗?
unobtrusive.parse
函数将选择器作为参数,而不是元素。