Kendo MVC取消表单提交 - 表格总是提交

时间:2015-05-16 11:40:40

标签: javascript forms asp.net-mvc-4 kendo-ui kendo-asp.net-mvc

我正在寻找一种在使用Telerik Kendo MVC时通过Javascript取消表单提交的方法。我的代码不起作用,我无法弄清楚如何阻止表单提交 - 它总是提交。

我有一个经典的MVC形式:

@using(Html.BeginForm(" CreateApplication"," Home"))

以及以下JS:

$("form").kendoValidator({
    validate: function (event) {

        var errors = this.errors();

        if (errors.length > 0) {
            showErrors(this.errors());
            event.preventDefault();
        } else {
            if (! checkCostCode() || !checkApplication()) {
                event.preventDefault();
            }
        }
    }
});

方法checkCostCode()和checkApplication()返回false,但表单仍然提交。

有人可以帮忙吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

我用它来计算:

$(document).ready(function () {

    kendo.culture("en-GB");

    $("form").kendoValidator({
        validate: function (event) {

            var errors = this.errors();

            if (errors.length > 0) {
                showErrors(this.errors());
               event.preventDefault();
            } else {

                if (!checkCostCode()){
                    isValid = false;
                }

                if (!checkApplication()) {
                    isValid = false;
                }
            }
        }
    });

    $("form").submit(doSubmit);
});

function doSubmit() {
return isValid;
}