$(...).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
три раза.