読者です 読者をやめる 読者になる 読者になる

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/

知りたいことだけ学べる個人レッスンです。

 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
 

HTML/CSS/JavaScriptの基本が身に付くレッスンです。

↓無料体験はこちら
http://bit.ly/2hw7mIy