【问题标题】:ASP.net MVC submit Button Adding Class issueASP.net MVC 提交按钮添加类问题
【发布时间】:2014-07-15 13:43:14
【问题描述】:

我想在我的提交按钮中添加样式类,像这样我可以使用引导模式在这个模式中显示结果。这是我的代码:

@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",按钮工作正常。
我也试过用这个:&lt;input type="submit" value="Create" class="mybtn" /&gt; 但同样的问题

【问题讨论】:

  • 去掉“return false;”来自脚本标签
  • @Azim 不,这对我不起作用

标签: jquery asp.net-mvc asp.net-mvc-4 twitter-bootstrap razor


【解决方案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>

【讨论】:

  • 对不起,怎么办?
  • 也可以不使用表单发送数据吗?
猜你喜欢
  • 1970-01-01
  • 2013-10-09
  • 1970-01-01
  • 2016-05-06
  • 2016-08-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多