jQueryを用いたフォーム送信時に空欄がある場合にアラートを出す処理 - Qiita

概要 この記事は、以下のUdmeyの講座のセクション6の52,53の内容をまとめたものです フォーム送信時に指定した項目に、空欄もしくは未選択がある場合にイベントが発火し、フォームの送信を中断し、アラートを出す実装内容です。 コード概要 2つのメソッドを用いて実装します checkBlankメソッド：空欄があるかどうかのチェック。ある場合には、アラートを表示&falseを返す $("#f").submit：フォームにイベントを登録。送信されると発火 実装内容 <form action="/" name="f" id="f"> <label>名前</label> <input type="text" id="name" name="name" value="Mike" class="form-control" /> <label> <input type="checkbox" id="chc