jquery - 使用 jquery 禁用提交按钮

Question

我想在我的表单中禁用提交按钮，一旦它被点击以限制用户一次又一次地点击它我用 jquery 尝试了这个

$('form').submit(function()
{  
    var formId = this.id;
    if (formId != ''){
        $('#'+formId+' :input[type=submit]').attr('disabled',true);
        this.submit();
    }
}); 

我的问题是我的页面中有两个提交按钮，当我禁用表单中的提交按钮后，我在控制器中检查以进行指导，但我没有得到任何帖子值。有没有其他方法可以防止用户限制多次点击？

Answer 1

有submit按钮的 id 或名称。仅禁用该按钮

例如：

HTML

<form id="frm_name">
     <input type="submit" id="btn_submit" value="Submit" />
</form>

jQuery

...
if (formId != ''){
    $('#btn_submit').attr('disabled',true);
    this.submit();
}
...

Answer 2

在我的情况下$('#btn_submit').prop("disabled", true);工作！

更新：

我在一些我想禁用Edit和Delete内联按钮的特定行中使用剑道网格。我尝试了许多替代方法来禁用它，但.prop()就像魅力一样！

Answer 3

您也可以像这样禁用事件，

$('form').submit(function(e)
{ 

e.preventDefault();
//then carry out another way of submitting the content.

}