Question

我正在尝试将这个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页面而不是验证。控制台什么都没显示？调试它的方法是什么？

Answer 1

您使用的浏览器是什么？您可以在Firefox上使用FireBug来查看是否所有这些JS文件都已实际加载。或者在Chrome中，您可以使用developer tools ...

编辑：

BTW不推荐{p> $().ready。使用$(document).ready。 Source

为什么Jquery验证器插件不起作用？

1 个答案: