我原本使用在input中的onblur判斷“密碼”和“確認密碼”是否一致,然而我發(fā)現它有時可以有時不行,原因不明,后來了解到jquery-validate這個框架,決定用它試一試,這是我在網上找的實例:
http://blog.csdn.net/qq_19558...
結果我這邊只能判斷有沒有填寫,并不能做出更進一步的判斷,按上面那個實例,輸入密碼的時候如果位數不夠會直接有提示。我在怎么折騰都沒用后試著直接復制他的“注冊”代碼,然而卻什么都顯示不了。
現在我復原回我之前寫的,懇請各位大佬幫忙看看到底是什么問題。謝謝各位!
<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta charset="UTF-8">
<title>注冊</title>
<style>
#registerDev {
margin-top: 100px;
}
</style>
<!-- 引入Bootstrap和jquery -->
<link rel="stylesheet" href="/templates/bootstrap/css/bootstrap.min.css">
<script src="/templates/bootstrap/jquery-3.2.1.min.js"></script>
<script src="/templates/bootstrap/js/bootstrap.min.js"></script>
<!-- 引入表單驗證的框架 -->
<script type="text/javascript" src="/jslib/jquery.validate.min.js"></script>
<script type="text/javascript" src="/jslib/messages.js"></script>
</head>
<body>
<div class="container">
<div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3 col-xs-8 col-xs-offset-2" id="registerDev">
<form class="form" id="register_form" action="/index/index/register">
<fieldset>
<h2 align="center">歡迎加入</h2>
<div class="form-group">
<input type="text" id="userName" class="form-control" placeholder="請輸入用戶名" required="" autofocus="">
</div>
<div class="form-group">
<input type="password" id="password" class="form-control" placeholder="請輸入密碼" required="">
</div>
<div class="form-group">
<input type="password" id="comfirmPassword" class="form-control" placeholder="請再次輸入密碼" required="true" >
</div>
<div class="form-group">
<input type="text" id="realName" class="form-control" placeholder="請輸入真實姓名" required="">
</div>
<div class="form-group">
<input type="text" id="studentid" class="form-control" placeholder="請輸入學號" required="">
</div>
<div class="form-group">
<button class="btn btn-lg btn-primary btn-block" type="submit" >注冊</button>
</div>
</fieldset>
</form>
<!--判斷密碼與再次輸入是否一致-->
</div>
</div>
</body>
<script type="text/javascript" src="check.js">
$().ready(function check() {
//網友提醒后這里補上引號,然而還是沒想要的效果
$(#"register_form").validate({
rules:{
userName:"required",
password:{
required:true,
minlength:8
},
comfirmPassword:{
required:true,
equalTo:"#password"
},
realName:{
required:true,
minlength:2,
maxlength:10
}
studentid:{
required:true,
digits:true,
maxlength:12,
minlength:12
}
},
messages:{
userName:"請輸入用戶名",
password:{
required:"請輸入密碼",
minlength:"密碼長度不少于8位"
},
comfirmPassword:{
required:"請再次輸入密碼",
equalTo:"請輸入與上面相同的密碼"
},
realName:{
required:"請輸入姓名",
minlength:"姓名最小長度為2",
maxlength:"您的名字真這么長的話請與管理員聯系"
},
studentid:{
required:"請輸入學號",
digits:"請輸入數字",
maxlength:"學號長度為12位",
minlength:"學號長度為12位"
}
}
});
})
</script>
</html>
圖片:
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數據專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯想擔任系統開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經理從事移動互聯網管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經理職務負責iOS教學及管理工作。
浪潮集團項目經理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網頁制作和網頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經驗。曾經歷任德國Software AG 技術顧問,美國Dachieve 系統架構師,美國AngelEngineers Inc. 系統架構師。