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

Question

我在使用 JQuery 验证插件时遇到问题，具体来说就是让函数被识别。我目前在 Rails 开发基础上使用 Cloud9 Ruby，虽然我使用的代码似乎可以在我的本地机器上运行，但它在 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% 的成绩。如果我也遗漏了任何有价值的信息，请告诉我。

Answer 1

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

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

Answer 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' %>

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

$(...).validate is not a function

javascript

ruby

jquery

ruby-on-rails

cloud9-ide