为什么我跟着老师写的网页,只是把js代码分开一个文件放之后username获取的时候报错?

来源:3-1 valid方法、rules方法

Bang丶

2015-10-23 17:20

为什么我跟着老师写的网页,只是把js代码分开一个文件放之后username获取的时候报错? $("#username").rules() jquery.validate-1.13.1.js:961 Uncaught TypeError: Cannot read property 'getAttribute' of undefined(…)

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="vendor/jquery-1.10.0.js"></script>
<script src="vendor/jquery.validate-1.13.1.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form id="demoForm">
<fieldset>
<legend>用户登陆</legend>
<p id="info"></p>
<p id="info2" style="display:none">输入错误</p>
<p>
<label for="username">用户名</label>
<input type="text" id="usename" name="username" />
</p>
<p>
<label for="password">密码</label>
<input type="password" id="password" name="password" />
</p>
<p>
<label for="confirm-password">确认密码</label>
<input type="password" id="confirm-password" name="confirm-password"/>
</p>
<p>
<input type="submit" value="登录" />
</p>
</fieldset>
</form>
</body>
</html>
var validator1;
$(function(){
	validator1 = $("#demoForm").validate({
		debug: true,
		rules: {
			username: {
				required: true,
				minlength:2,
				maxlength:10,
			},
			password:{
				required: true,
				minlength:2,
				maxlength:16,
			},
			"confirm-password": {
				equalTo:"#password",
			}
		},
		messages:{
			username:{
				required:'请输入用户名',
				minlength:'用户名能小于2个字符',
				maxlength:'用户名不能大于10个字符',
			},
			password:{
				required:'请输入密码',
				minlength:'密码不能小于2个字符',
				maxlength:'密码不能超过16个字符',
			},
			"confirm-password":{
				equalTo:'两次输入密码不一致'
			}
		},
	})
})


写回答 关注

2回答

  • echo_kinchao
    2015-10-26 17:04:15
    已采纳

    id写错了

    Bang丶

    非常感谢!

    2015-10-26 18:38:36

    共 1 条回复 >

  • Bang丶
    2015-10-23 17:28:22

    我知道了,id写错了

jQuery插件——Validation Plugin

validation让客户端表单验证变容易,缩短用户等待时间

65871 学习 · 216 问题

查看课程

相似问题