Question

我正在使用asp.net vmc5，我正在使用bootstrap 3.0＆amp; jQuery 1.10.2，现在我编写了以下脚本：

function bindForm(dialog) {
    $('form', dialog).submit(function () {
        $('.btn btn-default').prop("disabled", "disabled");
        $('#progress').show();
        if ($(this).valid()) {

            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),

我提交的模态弹出窗口如下： -

 <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" /> |  @Html.ActionLink("Back to List", "Index")
            </div>
        </div>
    </div>
}
<span id="progress" class="text-center" style="display: none;">
                <img src="~/img/ajax-loaders/ajax-loader-5.gif" alt="wait" />
                Wait..
            </span>

但现在当我提交表单时，将显示进度图像（如脚本中所述），但提交按钮不会被禁用？有人可以请这个吗？感谢

Answer 1

你的选择器无效试试这个： -

 $('.btn.btn-default').prop("disabled", "disabled");

提交模式弹出窗口时无法禁用.btn-default

1 个答案: