Question

我试图分别运行脚本但不成功。我用firebug来检查错误，但它抱怨这行TypeError：$（...）。validate不是一个函数（必需：＆＃34;请输入一个名字＆＃34;）

这是我的脚本

<style type="text/css">  
 .errors {color:#900};  
</style>    
<script src="jquery.js"></script>
<script src="jquery.validate.min.js"></script>

<script>

$().ready(function() {


// validate signup form on keyup and submit
$("#feedback").validate({
errorClass:"errors",
    rules: {

        nameid: {
            required: true
        }
        },
    messages: {

        nameid: {
            required: "Please enter a name"

        }
    }
});

 });

 </script>

这是我的表格

<form id="feedback" name="form1" method="post">
              <p><strong>Fill the Form Below to get back to us</strong><br>
              </p>
              <table width="400" cellpadding="4" cellspacing="3">
                <tr>
                  <td>Name:</td>
                  <td><input type="text" name="name" id="nameid" placeholder="Enter Full Name"></td>
                </tr>
                <tr>
                  <td>Email:</td>
                  <td><input type="email" name="email" id="emailid" placeholder="Enter Your Email"></td>
                </tr>
                <tr>
                  <td>Phone:</td>
                  <td><input type="text" name="phone" id="phoneid" placeholder="Enter Your Phone #"></td>
                </tr>
                <tr>
                  <td>Message:</td>
                  <td><textarea name="message" id="msgid" placeholder="Enter Your Message"></textarea></td>
                </tr>
                <tr>
                  <td></td>
                  <td><input class="submit" type="submit" value="Send"></td>
                </tr>
              </table>
          </form>

Answer 1

我不知道你在项目中加载了什么，但这通常发生在使用流行的CMS框架，使用不同的插件等创建javascript冲突的人身上。

请阅读http://api.jquery.com/jquery.noconflict/，了解如何避免这种情况。

您的解决方案应该是这样的：

jQuery.noConflict();

(function( $ ) {

    $(function() {

        $(document).ready(function() {


        // validate signup form on keyup and submit
        $("#feedback").validate({
        errorClass:"errors",
            rules: {

                nameid: {
                    required: true
                }
                },
            messages: {

                nameid: {
                    required: "Please enter a name"

                }
            }
        });

         });


    });

})(jQuery);

希望这有帮助！

jQuery Form Validator显示＆＃34; .validate不是功能＆＃34;

1 个答案: