代码哪里出问题了吗 怎么不行啊
慕粉3760367
2016-10-24 14:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css" media="screen">
form{width:300px;}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>biaodan</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
<form id="demoForm">
<fieldset> 用户登陆
<p>
<label for="username">用户名：</label>
<input type="text" value="" id="username">
</p>
<p>
<label for="password">密码:</label>
<input type="password" value="" id="password">
</p>
<p><input type="submit" value="登陆"></p>
</fieldset>
</form>
<script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.min.js"></script>
<script>
$(document).ready(function (){
$("#demoForm").validate({
rules:{
username:{
required:true,
maxlength:10,
minlength:2
},
password:{
required:true,
maxlength:10,
minlength:2
}
}
});
});
</script>
</body>
</html>
1回答
-
- xlhy_
- 2016-10-24 14:50:31
没引入validate
js代码中的rules里的属性名要对应表单项里的name，例如你上面的用户名输入框代码可以改成：<input type="text" id="username" name="username">，其中name='username'对应rules：{username:...}
jQuery插件——Validation Plugin
65871 学习 · 216 问题
相似问题