$(...).validate не является функцией

У меня возникли проблемы с плагином валидации 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 может обнаружить только ошибку в функции проверки.

Пожалуйста, помогите, я чертовски стараюсь получить 100% за мой 12-й год ИТ-проекта. Пожалуйста, скажите мне, если я пропускаю какую-либо ценную информацию.

2 ответа

Решение

Вы дублируете 'jquery-2.1.3.min', 'jquery.validate.min', 'rego' как в HTML, так и в Rails. Поддерживать либо Rails, либо HTML-код. Хорошей практикой является упоминание вашего Javascript и таблицы стилей в application.css и application.js. И просто загрузите файл приложения в HTML/Rails.

Хорошая практика

application.js

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

application.html.erb

<%= javascript_include_tag 'application' %>

Вы в том числе jquery, jquery.validate.js а также rego дважды. Удалите это, и это должно работать.

После просмотра вашей страницы я вижу, что вы загружаете jquery три раза.

Другие вопросы по тегам