2011年10月23日に投稿

[Javascript]フォームの送信をキャンセルする

お問い合わせフォーム等のフォームについて、ユーザーが入力した内容をJavascriptでチェックしてから送信したい場合があります。チェックを行った結果、エラーが見つかりフォームの送信を中断したい場合の記述方法です。

5行目
送信ボタンが押されたときに実行する関数を記述します。送信を中断する場合はfalseを返却するようにします。ここではnameという名前を付けられたテキストエリアが空欄であった場合、alertを表示してfalseを返却しています。

15行目
formタグのonsubmit属性に、先ほど定義した関数の結果を返却するようにJavascriptを記述します。returnが無いとvalidate関数がfalseであっても送信が中断されません。

関連記事

Leave a Reply