.NET(C#)密碼判斷
當我們需要對密碼進行判斷的時候,可以不使用提示框模態框的方法,用圖片顯示判斷密碼正確與否也是比較美觀的,也實為方便,這也是老師提供一種方法。
首先,我們需要把樣式鋪墊好:
<div class="form-group" style="margin-top:30px;"><label for="firstname" class="col-lg-2 col-md-2 col-sm-2 col-xs-4 col-lg-offset-3 col-md-offset-3 col-sm-offset-2 control-label text-right">當前密碼:</label><div class="col-lg-2 col-md-2 col-sm-4 col-xs-5" style="padding:0px;"><input type="password" class="form-control has-success" bool="0" autocomplete="off" id="oldpassword" onkeyup="YZPassword(event, this)" onchange="YZPassword(event,this)" placeholder="請輸當前密碼"></div><div class="col-lg-1 col-md-1 col-sm-1 col-xs-1" style="padding:0px;height:34px;"><img src="~/Content/img/confirmGree.png" id="oldpasswordImg" style="height:100%;display:none;" />
</div>
我們在控制器寫方法:
//修改密碼時驗證密碼是否輸入正確
public ActionResult YZMM(int UserID, string Passwor){string status = "no";//返回狀態var dbUser = myModels.Um_Usm_User.Where(m => m.UserID == UserID && m.Password == Passwor).ToList();//匹配查詢if (dbUser.Count > 0){//驗證成功status = "ok";//返回狀態}return Json(status, JsonRequestBehavior.AllowGet);}}
控制器寫好方法,我們要來頁面層判斷,判斷當前密碼是否輸入正確,同時要先解決兼容性問題,當然,所需要的插件也要引用:
//驗證密碼是否正確function YZPassword(ev, t) {var oEvent = ev || event; //處理兼容var keyCode = oEvent.keyCode;if (keyCode == 32) {t.value = t.value.replace(/[\s]/g, '');}var Password = t.value.trim();var UserID = $('#UserID').val();if (Password != '') {//判斷是否輸入當前密碼$.getJSON('/Aiyumye/Multiple/YZMM', { UserID: UserID, Passwor: Password }, function (data) {$('#oldpasswordImg').show();if (data == 'ok') {//輸入正確$(t).attr('bool', 1);$('#oldpasswordImg').attr('src', '/Content/img/confirmGree.png');} else {//輸入錯誤$(t).attr('bool', 0);$('#oldpasswordImg').attr('src', '/Content/img/cancelRed.png');}});} else {$(t).attr('bool', 0);//隱藏當前密碼提示$('#oldpasswordImg').hide();}}
如果返回輸入錯誤,就會顯示下圖:
如果返回輸入正確,就為下圖成功狀態:
一個密碼判斷就這樣解決了。