.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();}}
如果返回输入错误,就会显示下图:
如果返回输入正确,就为下图成功状态:
一个密码判断就这样解决了。