バリデーションを使っているのに次のページに進めてしまう

Question

前提・実現したいこと

PHPで申し込みフォーム（メールフォーム）を作っています。
超初心者で、phpはこのフォームで初めて扱いました。

jQuery-validation-engineの機能を使っているのですが、同じコードを書いているはずなのですが１つのファイルだけ上手く作動せず困っています。
また特にコードを書き換えることをしていないのにも関わらず突然作動することもあります（今はしていません）。

発生している問題・エラーメッセージ

テキストボックスをクリックし何も入力せずに別の場所にカーソルを合わせるときちんとバリデーションのメッセージが出るのですが、必須の項目を入力せずとも次のページに移れてしまいます。
その次のフォームではきちんと作動し必須の項目を入力しないと進めないため、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で最新のものです。

Comments

[m.ts10806]

細かいのですがjQuery Validation PluginとjQuery-validation-engineは別物と思います。
jQuery Validation Plugin：https://jqueryvalidation.org/
jQuery-validation-engine：https://github.com/posabsolute/jQuery-Validation-Engine

Answer 1

バリデーションエンジンより先に必須項目にrequiredをつけ
バリデーション内容についてpattern指定してみてはどうしょう？