如果表单无效,则禁用模态弹出窗口

时间:2015-10-05 18:06:26

标签: jquery asp.net-mvc bootstrap-modal

我有一个MVC 5表单,通过jquery提交并将表单提交给控制器上的HTTPPost方法。一切正常,但我需要它来验证表格。现在,它将在带有控件的页面上显示验证摘要,但屏幕叠加显示但不显示弹出窗口。所以我认为它的中途工作。我只是不希望它覆盖屏幕,如果表单无效,我也不希望弹出窗口显示。我怎样才能做到这一点?

表格cshtml

dfftw_plan_dft_1d_'
undefined reference to

jquery的

    @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { id = "ballotForm" }))
{
    @Html.AntiForgeryToken()

    @Html.EditorFor(m => m.BallotViewModel, new ViewDataDictionary(ViewData) { TemplateInfo = new TemplateInfo { HtmlFieldPrefix = "BallotViewModel" } })

    <table class="col-sm-12">
        <tr>
            <td>

                <button type="submit" class="btn btn-default btn-md btn-submit" data-target="#modal-container" data-toggle="modal">
                    <span class="glyphicon glyphicon-send" aria-hidden="true"></span> Submit
                </button>

            </td>
        </tr>
    </table>
}

1 个答案:

答案 0 :(得分:1)

我能够通过在我当前的jquery代码之上添加以下代码段来实现此功能。

$(function () {
    $("#btnBallotFormSubmit").click(function () {
        var ValidStatus = $("#ballotForm").valid();
        console.log(ValidStatus);
    if (ValidStatus == false) {
        return false;
    }
});
});