我遇到了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年级IT项目。如果我遗漏任何有价值的信息,请告诉我。
答案 0 :(得分:2)
您要包括jquery
,jquery.validate.js
和rego
两次。删除它,它应该工作。
看到您的信息页后,我发现您正在加载jquery
三次。
答案 1 :(得分:0)
您正在HTML和Rails中复制-> app
-> lib
-> config folder //additional folder
-> another additional folder //additional folder
-> application.jar
-> package.cfg
-> runtime
-> jre
-> applcation.exe
-> application.ico
-> unins000.dat
-> unins000.exe
。维护Rails或HTML代码。
好的做法是在application.css和application.js中提及您的Javascript和样式表。只需在HTML / Rails中加载应用程序文件即可。
良好做法
的application.js
'jquery-2.1.3.min', 'jquery.validate.min', 'rego'
application.html.erb
//= require jquery
//= require jquery.validate.min
//= require rego