【フォーム送信前にプログラムを割り込ませる方法】 - Webサイト専門プログラマの言いたい放題

f:id:wp-lesson:20170411142509j:plain

登録ボタン、送信ボタンなどフォームのボタンをクリックすると、
サーバー側にリクエストが送信されるので、
ブラウザの画面はリロードされます。
　
ですから、もし画面がリロードされる前に何かをしたい場合、
ボタンの送信イベントを横取りして、目的の処理を実行させてから
本来の送信処理が実行されるようにプログラムで介入すればOKです。
　

■HTML
<form class="comments">
・・・
<button type="submit">
</form>

■JS
$('form.comments').on('click', button, function(){
　//仲介したい処理ここから
　　
　//仲介したい処理ここまで
　
　//本来の送信処理を実行
　$(this).submit();
});

PR

CODEMYのマンツーマンレッスンでは、WordPressや
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
　
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
　
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
　
『WordPressのツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2nd7Ia5
　
『ホームページ作成のツボとコツがゼッタイにわかる本』
　
▼Amazonで概要を見る
http://amzn.to/2bXJkbs
　
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
　
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/