ajax发布后表单提交按钮保持禁用状态答案

【问题标题】：Form submit button stays disabled after ajax postajax发布后表单提交按钮保持禁用状态
【发布时间】：2014-10-18 15:12:56
【问题描述】：

我有一个页面，上面有多个表单，用于我正在构建的 CRM。每个表格都被命名，等等，所以在这方面没有问题。然而，我确实遇到了一个问题，在 $.post() 之后，提交按钮仍然被禁用。

下面是我用于表单提交的通用帖子处理程序

    $("form")
        .bootstrapValidator()
        .on('success.form.bv', function(e) {
            // Prevent form submission
            e.preventDefault();

            // Get the form instance
            var $form = $(e.target);

            // Get the BootstrapValidator instance
            var bv = $form.data('bootstrapValidator');
            console.log($form.serialize());
            $.post( "/post/", $form.serialize(), function(data) {
                    if(data) {
                        toastr.success("The form data has been updated.","Form Saved");
                    } else {
                        toastr.error("Please try to save again.","Failed");
                    }
                } , "json" // I expect a JSON response
            ).error(function() {
                    toastr.error("Please try to save again.","Failed");
            });

    });

是否有一种通用的方法可以重新启用当前表单的提交按钮。有很多嵌套的 HTML，因此按钮的位置因表单而异。

提前致谢。

【问题讨论】：

标签： jquery ajax html forms

【解决方案1】：

不知道你的disabled是什么意思，是不是html标签被禁用了？

如果可以的话可以使用Jquery来移除禁用的属性吗？

在您的 $.post 函数下添加此 jquery 行以删除属性？

$.post( "/post/", $form.serialize(), function(data) {    
    $form.find("input[type=submit]").removeAttr('disabled');

【讨论】：

按钮实际上是 html5 button 。禁用，我的意思是按钮被禁用，也就是不可点击，具有“禁用”属性。
验证器似乎在某处做某事。如果我单击提交按钮，它会工作两次，但随后需要对表单数据进行一些更改才能重新启用。这是我在} , "json" 之前和toastr.error("Please try to save again.","Failed"); 之后添加的代码$form.find("button[type=submit]").removeAttr('disabled');

【解决方案2】：

我没有在您的代码中看到按钮上的 disabled 属性，您的意思可能是它保持专注。在这种情况下，您可以简单地将焦点移到元素 $('#form-button').blur();

【讨论】：