仅使用按钮提交表单+使用/ jQuery提交时禁用

Question

我需要能够仅在单击按钮时提交表单。我还需要在提交表单后禁用该按钮。

我想在按钮上添加一个id并添加一个on click功能。我是在正确的轨道上吗？仍然不确定如何在实际点击按钮后禁用该按钮。

$('#myButton').click(function() {

});

Answer 1

你走在正确的轨道上。要在单击后禁用该按钮，只需设置disabled属性即可。像

这样的东西

$('#myButton').click(function() {
    // get a reference to the element on which the handler is bound
    // wrap it in a jQuery object so we can call jQuery methods on it.
    $(this)
    // set the disabled attribute. You can use true or the string 'disabled'
    .attr('disabled', true);
});

请记住，当表单内的元素具有焦点时，也可以通过按Enter键来提交表单。

Answer 2

$('#myButton').click(function() {
   $(this).attr('disabled','disabled')
});