2016-10-04 24 views
0

我发现了一个很好的简短解决方案,可以防止多个表单提交,但是需要用正确的语法来将它们合并到一起。将“this.disabled”添加到onclick以停止重复的表单提交

我的代码是

<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'; 

没有快乐。任何其他想法?

+1

' onclick =“change_page('data')”this.disabled ='disabled';'<---引起混乱'onclick =“change_page('data'); this.disabled ='disabled';”'但问题随着一个项目oncl它会取消表单提交。 – epascarello

回答

0

onclick属性在鼠标单击元素上触发。

您可以拨打onclick=""属性由分号或更清洁,你可以调用JavaScript功能分隔的多个语句:

HTML:

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

的JavaScript:

​​3210