フォームのチェックのためjQuery-Validation-Engineを入れていますが、全ての条件をクリアしても送信できません。google cromeでは送信できますが、fire foxでは送信できないです。
どなたかご教授おねがいいたします。
http://test.yesgrp.com/hukuoka/judge/
password: yesgrp
pass: yespost
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-Validation-Engine/2.6.4/jquery-1.8.2.min.js" type="text/javascript"></script> <script src="js/jquery.validationEngine-ja.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script> <script> (function($) { $(${jqueryObject}).validationEngine({ $("#myform02").validationEngine(); scroll: false }); })(jQuery); </script> <form action="confirm.html" method="post" id="myform02" name="myform02" novalidate> <table class="first_form"> <tr> <th>男性スタッフの言葉遣いはいかがでしたか?<span class="kome">※</span></th> <td class="st02"> <ul class="form-radio"> <li><input type="radio" name="kotoba" id="kotoba01" title="男性スタッフの言葉遣いはいかがでしたか?" value="丁寧で心地よい" class="validate[required]" checked><label for="kotoba01">丁寧で心地よい</label></li> <li><input type="radio" name="kotoba" id="kotoba02" title="男性スタッフの言葉遣いはいかがでしたか?" value="心地よい" class="validate[required]"><label for="kotoba02">心地よい</label></li> <li><input type="radio" name="kotoba" id="kotoba03" title="男性スタッフの言葉遣いはいかがでしたか?" value="普通" class="validate[required]"><label for="kotoba03">普通</label></li> <li><input type="radio" name="kotoba" id="kotoba04" title="男性スタッフの言葉遣いはいかがでしたか?" value="印象が悪い" class="validate[required]" ><label for="kotoba04">印象が悪い</label></li> <li><input type="radio" name="kotoba" id="kotoba05" title="男性スタッフの言葉遣いはいかがでしたか?" value="最悪" class="validate[required]"><label for="kotoba05">最悪</label></li> </ul> <p class="extra">お気付きの点をご記入下さい。※文字以下は反映されませんので最低30文字以上お願いします。</p> <div class="textarea_f"> <textarea name="free_kotoba" id="free_kotoba" title="言葉遣いでお気付きの点" class="validate[required,minSize[30]]"></textarea> </div><!-- textarea_f --> </td> </tr> 略 </table> <p class="btn"><button type="submit" class="submit_btn" id="submit_btn" value="確認" >確認 </button></p> </form> --
${jqueryObject}って何ですかね?
エラーは出ていないでしょうか?
確かに、、すみません!jqueryObjectは削除して下記にしました
<script type="text/javascript">
jQuery(document).ready(function($){
jQuery("#myform02").validationEngine();
scroll: false
});
</script>
scroll: false
というのは……?
Chromeで動いていますか?
オプションの設定で縦のスクロールはきっている形です。一応chromeでは動きます。
オプションの指定はないようですが。
提示コードと違いがないか記述を見直してみてください
$(function(){
$('form#myform02').validationEngine({
promptPosition: "inline"
})
})
スクロールは消しましたがやはり送信できません
あなたの回答
tips
プレビュー