添加" this.disabled" onclick停止重复的表单提交

时间:2016-10-04 15:45:20

标签: javascript php html forms

我找到了一个很好的简短解决方案,可以防止提交多个表单但是正确地使用正确的语法将它们合并在一起。

我的代码是

extension_dir=c:\xampp\php\ext

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

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

我试过了

  <form action="submit.jsp" method="post" >
  <input type="submit" name="SUBMIT" value="Submit Form"  onclick="this.disabled='disabled'" />
  </form>
没有快乐。还有其他想法吗?

1 个答案:

答案 0 :(得分:0)

点击元素时会触发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';
}