添加“this.disabled"单击以停止重复的表单提交 - Adding "this.disabled" to onclick to stop duplicate form submissions

Adding "this.disabled" to onclick to stop duplicate form submissions

我找到了一个很好的简短的解决方案，以防止多个表单提交，但与正确的语法斗争，将它们合并在一起。

我的代码是

    <div class="select_wrapper" style="margin-top:25px">
    <div onclick="change_page('data');" id="get-results">
        Results
    </div>

这是这里的按钮禁用代码http://javarevisited.blogspot.co.uk/2013/02/disable-submit-button-in-html-javascript-avoid-multiple-form-submission.html

  <form action="submit.jsp" method="post" >
  <input type="submit" name="SUBMIT" value="Submit Form"  onclick="this.disabled='disabled'" />
  </form>

我试过了

onclick="change_page('data')"this.disabled='disabled';

不高兴。还有其他想法吗?

onclick属性在鼠标点击元素时触发。

你可以在onclick=""属性中调用多个语句，用分号分隔，或者在更简洁的情况下，你可以调用JavaScript函数:

Html:

<div onclick="myFunction(this, 'data')" id="get-results">
    Results
</div>

JavaScript:

function myFunction(elem, data) {
    // Call other function
    change_page(data);
    // Set element attribute disabled
    elem.disabled = 'disabled';
}