是否有无效使用jQuery禁用提交按钮

Question

使用jquery，如何通过其ID禁用提交按钮？我尝试了很多代码，但都失败了。

$("#sign_up").attr('disabled', 'disabled'); 

这里是另外一个我想： -

$("#sign_up").attr('disabled', true); 

注：我已经包括jQuery库：//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery .min.js
如果你提供了一个小提琴，它将是非常好的:)

Answer 1

它应该工作得很好。

$("#sign_up").attr('disabled', 'disabled'); 

检查小提琴。 http://jsfiddle.net/qb2vH/

检查您是否正确添加了jquery库。

Answer 2

jQuery文档声明“应该使用.prop（）方法来设置禁用和检查，而不是.attr（）方法。” - http://api.jquery.com/prop/#prop-properties

disabled是一个属性，它需要使用$(element).prop()方法来处理。我为您创建了一个可用的jsFiddle： http://jsfiddle.net/tb5Xh/1/

Answer 3

用户仍然可以通过在表单字段中按回车来提交表单。

如果要停止整个表单提交，你可以拦截表单的提交事件：

$("#sign_up").closest('form').submit(function(e) { 
    e.preventDefault(); 
    return false; 
});