Javascript jQuery验证不起作用:需要知道错误
我已经对一个简单的登录页面实现了一些验证,并在单击按钮时应用了一些jQuery验证,但代码不起作用。我尝试检查控制台,但它没有给我任何错误。请参阅代码以供参考:Javascript jQuery验证不起作用:需要知道错误,javascript,jquery,html,Javascript,Jquery,Html,我已经对一个简单的登录页面实现了一些验证,并在单击按钮时应用了一些jQuery验证,但代码不起作用。我尝试检查控制台,但它没有给我任何错误。请参阅代码以供参考: 你们能告诉我错误吗 <!doctype html> <html> <head> <title>Login Page</title> <script type="text/javascript" src="js/jquery-1.11
你们能告诉我错误吗
<!doctype html>
<html>
<head>
<title>Login Page</title>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/jquery.validate"></script>
<script>
$(document).ready(function(){
$("#form").validate({
alert("hi");
rules: {
name: {
required: true,
midlength: 5,
},
email: {
required: true,
email: true,
},
password: {
required: true,
midlength: 5,
equalTo: "#verify",
},
}
});
});
</script>
<style>
label{
width: 150px;
display: inline-block;
}
label.error{
color: red,
}
</style>
</head>
<body>
<form id="form">
<label>Name : </label>
<input type="text" name="name" /><br/>
<label>Email : </label>
<input type="text" name="email"/ ><br/>
<label>Password : </label>
<input type="text" name="pass" /><br/>
<label>Verify Password : </label>
<input type="text" name="verify" id="verify" /><br/>
<input type="submit" />
</form>
</body>
</html>
登录页面
$(文档).ready(函数(){
$(“#表格”)。验证({
警报(“hi”);
规则:{
姓名:{
要求:正确,
中段:5,
},
电邮:{
要求:正确,
电子邮件:是的,
},
密码:{
要求:正确,
中段:5,
equalTo:“#验证”,
},
}
});
});
标签{
宽度:150px;
显示:内联块;
}
标签错误{
颜色:红色,
}
姓名:
电邮:
密码:
验证密码:
结尾处有一个逗号
password: {
required: true,
midlength: 5,
equalTo: "#verify",
},
中断js执行这看起来不对:
<script type="text/javascript" src="js/jquery.validate"></script>
试试这个
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
确保js文件夹中存在具有该文件名的文件。检查浏览器控制台以查看是否有任何错误-目前我希望您的代码显示“jquery.validate not found”。非常清楚,解释得很好。非常感谢。非常感谢你