HTML5 submit時に画面更新させない

関数呼ぶ前にpreventDefaultでsubmitのデフォルト動作をキャンセルしてしまう。

それでゆっくりと関数の処理を行う。

onSubmit="event.preventDefault();onOkButton();"

 

先にキャンセルしておかないと、関数の後でreturn falseすると、

関数内の処理によっては、画面更新してしまう場合がある。

 

 

↓昔の記述を一応残す。

onsubmitの関数の後にreturn falseを付加すればOK

<form action="/search" method="GET" onsubmit="doSomething();return false;">
<input name="q"/>
<input type="submit" value="search"/>
</form>

 

hacknote.jp