douche1936 2014-05-13 13:53
浏览 65
已采纳

jQuery Form Validator显示“.validate不是函数”

I have tried to run the script severally but not successful. I used firebug to check the error, but its complaining about this line TypeError: $(...).validate is not a function (required: "Please enter a name")

THIS IS MY SCRIPT

<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>

THIS IS MY FORM

<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>
  • 写回答

1条回答 默认 最新

  • dsogx84602 2014-05-13 14:39
    关注

    I don't know what else you're loading in your project, but this usually happens with people working with popular CMS frameworks, that uses different plugins, etc creating a javascript conflict.

    Have a read here http://api.jquery.com/jquery.noconflict/ about how to avoid this.

    Your solution should be something like this:

    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);
    

    Hope this helps!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名