$(...).validate 不是函数答案

【问题标题】：$(...).validate is not a function$(...).validate 不是函数
【发布时间】：2015-05-06 07:36:53
【问题描述】：

我在使用 JQuery 验证插件时遇到问题，特别是实际上要识别该功能。我目前正在使用 Cloud9 Ruby on Rails 开发基础，虽然我使用的代码似乎可以在我的本地机器上运行，但它不适用于 Cloud 9。

http://ipt-dynaman.c9.io/register

$(function() {
    $("#Register").validate({
       errorElement: 'div',    
       rules: {
            Username: "required",
            password: {
            required: true,
            minlength: 6
            },
            rePassword: {
            required: true,
            minlength: 6,
            equalTo:"#password"
            },
       },
       messages: {
            Username: "Please specify a username",
            Password: {
            required: "Please specify a password",
            minlength: "Please entire at least 6 characters"
            },
            rePassword: {
            required: "Please re-enter your password",
            equalTo: "Password mismatch"
            },
       }
    });
    console.log("eqwfqewqef");
});

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="CSS/style.css" />
    <link rel="stylesheet" type="text/css" href="CSS/SI.css" />
    <link rel="stylesheet" type="text/css" href="CSS/unsemantic-grid-responsive.css" />
    <link rel="stylesheet" href="CSS/font-awesome-4.3.0\font-awesome-4.3.0\css\font-awesome.min.css" />
    <script type="application/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="application/javascript" src="js/rego.js"></script>
    <script src="js/jquery-validation-1.13.1/dist/jquery.validate.min.js"></script>
    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
    <%= javascript_include_tag 'jquery-2.1.3.min', 'jquery.validate.min', 'rego', 'application' %>
    <%= csrf_meta_tags %>
<title>Page links</title>
</head>
    <body>
        <%= render partial: "layouts/sign_header" %>  
        <%= yield %>
    </body>
</html>

所有文件路径都是正确的（我假设），因为 Chrome 控制台只能检测到验证函数中的错误。

请帮助我努力为我的 12 年级 IT 项目取得 100% 的成绩。如果我还遗漏了任何有价值的信息，请告诉我。

【问题讨论】：

您应该清除您的包含并删除重复的 jQuery 和 jQuery Validate

标签： javascript jquery ruby-on-rails ruby cloud9-ide

【解决方案1】：

您包含了jquery、jquery.validate.js 和rego 两次。删除它，它应该可以工作。

看到你的页面后，我看到你正在加载jquery 3次。

【讨论】：

【解决方案2】：

您正在 HTML 和 Rails 中复制 'jquery-2.1.3.min', 'jquery.validate.min', 'rego'。维护 Rails 或 HTML 代码。好的做法是在 application.css 和 application.js 中提及您的 Javascript 和样式表。只需在 HTML/Rails 中加载应用程序文件。

良好做法

application.js

//= require jquery //= require jquery.validate.min //= require rego

application.html.erb

<%= javascript_include_tag 'application' %>

【讨论】：

感谢您的意见：D