javascript - 单击后禁用表单按钮

Question

我想在单击表单提交按钮后禁用它，以防止表单被多次提交。我使用以下代码禁用该按钮并添加一个使其显示为禁用的类:

$("form button.primaryAction").click(function() {
    $(this).prop("disabled", true).addClass('disabledBtn');
    return true;
});

它在 IE 和 Firefox 中运行良好，但在 Chrome 17 中无法提交表单。我想我可以用以下代码替换上面的代码:

$("form button.primaryAction").click(function() {
    $(this).prop("disabled", true).addClass('disabledBtn');

    var form = // how can I get a reference to the form from the button 'this' ?
    form.submit();
    return false;
});

但如您所见，我不确定如何从点击处理程序内部获取对表单的引用。

Answer 1

this.form 会给你引用。

所有表单元素(按钮、输入、选择等)都有一个属性form，指向它们所属的表单元素。