Question

我想在我的提交按钮中添加样式类，像这样我可以使用bootstrap Modal在这个模态中显示结果。这是我的代码：

@model pfebs0.Models.StatModel

@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    ...
    <p>
        <button type="submit" class="mybtn" >Get</button>
        ..
}

<div id="modalDiv" class="modal fade" >
    <div class="modal-dialog"></div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script>
        $(function () {
            $.ajaxSetup({ cache: false });
            $('.mybtn').click(function () {
                $('.modal-dialog').load(this.href, function () {
                    $('#modalDiv').modal({
                        backdrop: 'static',
                        keyboard: true
                    }, 'show');
                    bindForm(this);
                });
                return false;
            });
        });
    </script>
}

当我添加课程class="mybtn"我的表单时，我点击它时不再提交问题，如果我删除class="mybtn"按钮工作正常。
此外，我试图使用此：<input type="submit" value="Create" class="mybtn" />但同样的问题

Answer 1

这是因为您在脚本中返回false，这会阻止表单提交或继续提交。

<script>$(function () {

            $.ajaxSetup({ cache: false });
            $('.mybtn').click(function () {
                $('.modal-dialog').load(this.href, function () {
                    $('#modalDiv').modal({
                        backdrop: 'static',
                        keyboard: true
                    }, 'show');
                    bindForm(this);
                });
                return false; // you should disable it or find another way to do 
            });
});
    </script>

ASP.net MVC提交按钮添加类问题

1 个答案: