前提・実現したいこと
お問い合わせフォームにvalidationを実装したく下記プラグインをその下のページの方法でフォルダに格納しましたが動きません。
https://jqueryvalidation.org
https://into-the-program.com/website/jquery-validation-plugin.php
ルール設定を別シートで行いたく(直接htmlに記載したくないため)、日本語の説明と同じように「validate-config.js」を作成してます。 多分、自作のファイルと「jquery.validate.js」のコネクションが無いのが原因だと考えてるのですが、行き詰まってます。
発生している問題・エラーメッセージ
・emailとnameに入力がなくても送信出来てしまう。
・エラーメッセージが出ない。
該当のソースコード
html
1<form action="./contact.php" method="post" id="validation"> 2 <div class="form_div"> 3 <label for="name">お名前*<br></label> 4 <input type="text" id="name" name="user_name" size="" required> 5 </div> 6 <div class="form_div"> 7 <label for="subject"><br>件名<br></label> 8 <input type="text" id="subject" name="user_subject" size=""> 9 </div> 10 <div class="form_div"> 11 <label for="mail"><br>メールアドレス*<br></label> 12 <input type="email" id="mail" name="user_mail" size="" required> 13 </div> 14 <div class="form_div"> 15 <label for="msg"><br>お問合せ内容<br></label> 16 <textarea id="msg" name="user_msg" cols="" rows="10"></textarea> 17 </div class="form_div"> 18 <div class="button"> 19 <br><input type="submit" value="送信"> 20 </div> 21 </form> 22 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 23 <script src="Js/jquery.validate.js"></script> 24 <script src="Js/validate-config.js"></script>
JS
1(validate-config.js)(自作ファイル) 2 3$(function(){ 4 //フォーム指定 5 $('validation').validate({ 6 7 //検証ルール設定 8 rules: { 9 name:{ 10 required: true 11 } 12 13 mail:{ 14 required: true, 15 email: true 16 } 17 }, 18 19 //エラーメッセージ設定 20 messages: { 21 name:{ 22 required: '名前を入力してください' 23 } 24 25 mail:{ 26 required: 'メールアドレスを入力してください', 27 email: 'メールアドレスを正確に入力してください' 28 } 29 }, 30 31 }); 32}); 33 34 35
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/30 18:14 編集