一尘不染

在表单提交上禁用提交按钮

javascript

单击后,我编写了以下代码以禁用网站上的提交按钮:

$('input[type=submit]').click(function(){
    $(this).attr('disabled', 'disabled');
});

不幸的是,它没有发送表格。我怎样才能解决这个问题?

编辑 我想绑定提交,而不是表格:)


阅读 346

收藏
2020-05-01

共1个答案

一尘不染

做到onSubmit()

$('form#id').submit(function(){
    $(this).find(':input[type=submit]').prop('disabled', true);
});

发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。

您可能还应该考虑使用ID或CLASS来命名元素,因此不要在页面上选择所有提交类型的输入。

(请注意,我使用preventDefault()return false因此该表单在示例中并未实际提交;请在使用时将其保留。)

2020-05-01