在mvc3模式对话框窗口中验证表单

时间:2012-01-28 22:32:14

标签: asp.net-mvc-3 kendo-ui

我正在使用带有KendoUI窗口控件的mvc3来打开模态窗口中的局部视图。

在将表单发送回服务器之前,我有一个弹出窗口,我正在尝试验证。

我的主视图上有一个类似于

的点击事件
  $("#submit-campaign").live("click",function () {
    var form = $("#Send");
    $.validator.unobtrusive.parse($(form));
     form.validate();
    if (form.valid()) {
        console.log("valid");
    } else {
        console.log("invalid");
    }

});

但是,即使我没有为某些必需项添加值,它也总是返回true。

我引用了3个javascript文件,如

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

我需要做什么才能从弹出窗口获得实际的验证状态客户端?

1 个答案:

答案 0 :(得分:2)

检查验证的正确方法是。

$("#submit-campaign").live("click",function () {
    var form = $("#Send");
    $.validator.unobtrusive.parse($(form));
    var val = form.validate();
    if (val.valid()) {
        console.log("valid");
    } else {
        console.log("invalid");
    }

});