0

この jQuery プラグインを自分の webPage に使用しようとしていますが、まったく機能していないようです。

コンソールにエラーは表示されません。ファイル パスも正しいです (そうしないと、コンソールにエラー 404 が表示されるはずですよね?)

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="../jquery-validation-1.11.1/dist/jquery.validate.js"></script>
 <script src="../jquery-validation-1.11.1/dist/jquery.validate.min.js"></script>
 <script type="text/javascript" language="javascript">
$().ready(function(e) {
    $(".contact-us").validate({
    rules:{
        name: {
            required:true,
            minlength:5 
        }

    }
   });
});

HTMLコードは次のとおりです。

    <form class="contact-us" action="../index.html" method="get">
       <li><input class="required cont-field name" type="text" size=" 40" name="name" /></li><br />
       <li><input class="required cont-field email" type="text" size=" 40" name="email"/></li><br />
       <li><input class="required cont-field" type="text" size=" 40" /></li><br />
       <textarea class="cont-field" style="width:400px; height: 200px;"></textarea>

        <br  />
        <input type="submit" value=" submit" />
        </form>

ボタンをクリックすると、action検証ではなくページに移動します。コンソールには何も表示されませんか？それをデバッグする方法は何ですか？

4

1 に答える 1

0

どのブラウザを使用していますか? Firefox で を使用FireBugして、これらすべての JS ファイルが実際にロードされているかどうかを確認できます。developer toolsまたは、Chrome では...を使用できます。

編集：

$().readyところで、お勧めしません。を使用し$(document).readyます。ソース。

于 2013-07-03T13:05:52.790 に答える