使用jquery禁用提交按钮

时间:2012-11-02 12:07:18

标签: jquery

我想在我的表单中禁用提交按钮一旦点击限制用户再次点击它再次我用jquery尝试这个

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

我的问题是我在我的页面中有两个提交按钮,我在控制器中检查直接但是在我禁用表单中的提交按钮后我没有得到任何帖子值。 有没有其他方法可以阻止用户限制多次点击?

3 个答案:

答案 0 :(得分:16)

拥有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();
}
...

答案 1 :(得分:2)

就我而言$('#btn_submit').prop("disabled", true);工作了!

<强>更新

我在某些特定行中使用了kendo网格,我希望禁用EditDelete内联按钮。我尝试了许多其他方法来禁用它,但 .prop()就像魅力一样!

答案 2 :(得分:1)

你也可以禁用这样的事件,

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

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

}