jquery - 无论如何使用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

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

disabled是一个属性，需要使用该$(element).prop()方法以这种方式解决。我为你创建了一个工作 jsFiddle：http: //jsfiddle.net/tb5Xh/1/

Answer 2

它应该工作得很好。

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

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

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

Answer 3

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

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

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