无法在提交模式弹出窗口时禁用 .btn 默认值

Question

我正在开发一个 asp.net 的vmc5，我正在使用bootstrap 3.0和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");