Stop form submit via HTML – 如何以HTML停止 Form 提交這個動作

最近想做一些demopage來試一些Javascript 的程式碼
之後發現 任何 buttonform tag 之後
當你按下時..他便會做出 Form Submit這個動作
e.g. 以下的例子會做出Form Submit這個動作

<form role=”form” id=”frmWontSubmit” action=”http://blog.sharechiwai.com” >
<button onclick=”alert(‘Hello’);”> Say Hello</button>
</form>

解決方法十分簡單

我們只需要在 HTML Form tag上加上 onSubmit=”return false” 便可以
E.G.

<form role=”form” id=”frmWontSubmit” action=”http://blog.sharechiwai.com” onSubmit=”return false;”>
<button onclick=”alert(‘Hello’);”> Say Hello</button>
</form>

Demo

HTML5 Form Submit  Demo

Hope you find it useful

Leave a Reply