ValidationEngineを使ったお問い合わせフォームでエラーメッセージが表示されていた場合、ボタン押下ができないようにしたい。

Question

前提・実現したいこと

ValidationEngineを使って表示したエラーメッセージを取得して、エラーメッセージが表示されている時はボタンを押下できなく、エラーメッセージがない時はボタンを押下できるようにしたいです。
まだまだ初心者でわからないことだらけなので、初歩的なことなのかもしれないですが助言いただけると助かります。

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

.term_itemformError　がある時に、.addをpointer-events：noneで押下できなくしているつもりですが、押下できてしまいます。

該当のソースコード

<script type="text/javascript"> var minCount = 1; var maxCount = 10; $(function(){ if($('.term_itemformError').length) { $('.add').css('pointer-events', 'none'); }else{ $('.add').on('click', function(){ var inputCount = $('#input_pluralBox #input_plural').length; if (inputCount < maxCount){ var element = $('#input_pluralBox #input_plural:last-child').clone(true); var inputList = element[0].querySelectorAll('input[type="text"]'); for (var i = 0; i < inputList.length; i++) { inputList[i].value = ""; } $('#input_pluralBox #input_plural').parent().append(element); } }); } </script>

試したこと

対処方法があまり思い浮かばず上記ソースコードに書かれていることが試したことになります。

補足情報（FW/ツールのバージョンなど）

ボタン自体は「送信」ボタン等ではなく、ボタン押下で項目が増加するもので、else以降に書かれているのがそちらの処理になります。

Comments

[退会済みユーザー]

PHPが関係あるようには見えません。