前提・実現したいこと
PHPで申し込みフォーム(メールフォーム)を作っています。
超初心者で、phpはこのフォームで初めて扱いました。
jQuery-validation-engineの機能を使っているのですが、同じコードを書いているはずなのですが1つのファイルだけ上手く作動せず困っています。
また特にコードを書き換えることをしていないのにも関わらず突然作動することもあります(今はしていません)。
発生している問題・エラーメッセージ
テキストボックスをクリックし何も入力せずに別の場所にカーソルを合わせるときちんとバリデーションのメッセージが出るのですが、必須の項目を入力せずとも次のページに移れてしまいます。
その次のフォームではきちんと作動し必須の項目を入力しないと進めないため、jsやcssのファイルが原因ではなく、このphpファイルの書き方が原因だと思われます。
該当のソースコード
【headタグ内】
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script><script src="js/jquery.validationEngine-ja.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
【mainタグ内】
<form id="indoor_entry" method = "post" action="indoor_entry_2.php" enctype="multipart/form-data"> <input type="text" name="program_name" class="validate[required,maxSize[30]]">【ファイル下部】
</footer> </body> <!--バリデーションの導入と位置調整--> <script type=text/javascript> $(function(){ jQuery("#indoor_entry").validationEngine('attach', { promptPosition:"topRight:-160" }); }); </script> </html>試したこと
〇以下のサイトに書いてある内容は一通りやってみました。
・https://kitano-daichino-gijyutuya.hatenadiary.jp/entry/2015/06/01/121954
・http://idobata.co.jp/blog/jquery1/
・https://teratail.com/questions/116937
・https://blog.proudit.jp/2016/05/27/jQuery-validation-1.html
・
〇今ページ下部にあるバリデーションのコードをheadタグ内に書く
補足情報(FW/ツールのバージョンなど)
jQuery-validation-engineのバージョンは2.6.2で最新のものです。