ajax驗證修改密碼
修改密碼是比較簡單的功能,要求如下:
1、原密碼必須輸入正確,才可以修改密碼
2、第二次輸入的新密碼必須與第一次相同。
3、前兩個條件同時滿足的時,修改密碼才能成功,否則顯示錯誤提示資訊。
4、錯誤提示資訊和驗證資訊全部使用ajax提交、響應
效果圖如下:
HTML程式碼如下:
<span class="section">修改密碼</span> <input type="hidden" value="{$id}" name="id" id="uid"> <div class="item form-group col-md-12 tip" > <div class="col-md-offset-3 col-md-3" style="color:red;display:none;" id="tip"></div> </div> <div class="item form-group"> <label for="oldPwd" class="control-label col-md-3">原始密碼</label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="oldPwd" type="password" name="oldPwd" data-validate-length-range="4,12" class="form-control col-md-7 col-xs-12" required="required"> </div> </div> <div class="item form-group"> <label for="newPwd" class="control-label col-md-3">輸入新密碼</label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="newPwd" type="password" name="newPwd" data-validate-length-range="5,12" class="form-control col-md-7 col-xs-12" required="required"> </div> </div> <div class="item form-group"> <label for="newPwd2" class="control-label col-md-3 col-sm-3 col-xs-12">確認新密碼</label> <div class="col-md-6 col-sm-6 col-xs-12"> <input id="newPwd2" type="password" name="newPwd2" data-validate-linked="newPwd" class="form-control col-md-7 col-xs-12" required="required"> </div> </div> <!-- <div class="ln_solid"></div> --> <div class="form-group" style="margin-top:40px;"> <div class="col-md-2 col-md-offset-5"> <button type="button" id="pwd_btn" name="dosubmit" class="btn btn-primary">確認修改</button> </div> </div>
js程式碼如下:
$("#pwd_btn").click(function(){ var submit = true; var oldPwd=$("#oldPwd").val(); /*原始密碼*/ var newPwd=$("#newPwd").val(); /*新密碼1*/ var newPwd2=$("#newPwd2").val(); /*新密碼2*/ if((oldPwd && newPwd && newPwd2)=='' ){ $("#tip").html("密碼不能為空"); $("#tip").show(); submit=false; } if(submit){ $.ajax({ type:"post", url:"{:U(MODULE_NAME.'/Home/Pwd')}", data:{"oldPwd":oldPwd,"newPwd":newPwd,"newPwd2":newPwd2}, success:function (data){ if(data.status == 0 ){ $("#tip").hide(); $("#pwd_form").submit(); }else if(data.status != 0){ $("#tip").html(data.info); $("#tip").show(); } } }); } });
ajax程式碼:
public function Pwd(){ if(IS_AJAX){ $oldPwd=I("post.oldPwd"); $newPwd=I("post.newPwd"); $newPwd2=I("post.newPwd2"); if($newPwd!=$newPwd2){ $data['status']=-2; $data['info']="兩次密碼不一致"; $this->ajaxReturn($data); return; } if($oldPwd!=$_SESSION['pwd']){ $data['status']=-1; $data['info']="原始密碼錯誤"; $this->ajaxReturn($data); return; }else{ $data['status'] = 0; $data['info'] = "輸入正確"; $this->ajaxReturn($data); return; } } }
這樣簡單的驗證修改密碼功能就可以實現了
相關推薦
ajax驗證修改密碼
修改密碼是比較簡單的功能,要求如下: 1、原密碼必須輸入正確,才可以修改密碼 2、第二次輸入的新密碼必須與第一次相同。 3、前兩個條件同時滿足的時,修改密碼才能成功,否則顯示錯誤提示資訊。 4、錯誤提示資訊和驗證資訊全部使用ajax提交、響應 效果圖如下: HTML程式
jQuery+ajax實現修改密碼驗證
修改密碼是比較簡單的功能,要求如下: 1、原密碼必須輸入正確,才可以修改密碼 2、新密碼需在6-18位之間 3、第二次輸入的新密碼必須與第一次相同。 4、前三個條件同時滿足的時,修改密碼才能成功,否則顯示錯誤提示資訊。 5、錯誤提示資訊和驗證資訊全部使用ajax提交、響應
郵箱驗證修改密碼,通過郵箱找回密碼
inpu tar send 發件人 contex 輸入 put nta clas 使用郵箱驗證修改密碼,在這裏我是使用163免費郵進行測試 前臺代碼 1 <input type="text" name="Mail" id="Mail"/> 2
ssm中通過ajax或jquer的validate驗證原密碼與修改密碼的正確性
一.ajax 1. <script type="text/javascript"> //驗證原密碼1.ajax,正則 var ok1=false,ok2=false,ok3=false; $(function () { $
提交form表單---修改密碼 ajax、jQuery
改密 func 表單 eset password servlet 驗證 確認密碼 密碼 <form id ="password" method="post"> <table > <tr> <td>原密碼:<
通用的前端修改密碼驗證
ctype window pass 驗證 tab 提交 col conf [0 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>修改密碼
ajax修改密碼
改密碼 spa 十分 img .com padding family 沒有 兩個 修改密碼是一個十分普通的事情,為什麽還要單獨寫? 用ajax修改密碼,和普通的提交form表單相比簡單。 有密碼校驗規則,放在客戶端,減輕了服務器壓力。密碼匹配輸入不符合,提示好看。 做完後
jq修改密碼強度驗證
話不多說直接上程式碼 HTML部分 <div class="pwdForm"> <div class="class-pwd-title">修改密碼</div> <div class="class-pwd-tab
JavaWeb網上圖書商城完整項目--day02-18.修改密碼頁面處理
o-c submit hang 頁面 enc 兩個 table none ood 1、用戶登陸成功之後會顯示 當點擊修改密碼的時候,會進入下面的頁面 對應的是pwd.jsp這個文件 我們把對jsp頁面前段的校驗都封裝在pwd.js中,在jsp中引入該js文件
MySQL5.7綠色版(免裝版)的初始化和修改密碼
啟動服務 技術分享 clas move src secure mage quit 初始 1.下載MySQL5.7.18綠色版 1.1下載鏈接 以下是MySQL5.7.18綠色版的鏈接(來源oracle官網),打開鏈接直接下載 https://dev.mysql.co
求助:hmailserver+roundcube啟用密碼插件後,用戶無法修改密碼問題
text date settings als for several sep oos after 環境 windows 8 apache:httpd-2.4.25-x64-vc14-r1 mysql:5.6 php:php-7.1.5-Win32-VC14-x64 hmai
Linux下 剛安裝完mysql 修改密碼
itl root密碼 date 修改 b- text password pda tex 在Centos中安裝MySQL後默認的是沒有root密碼的,默認的是回車, 那麽為了方便需要修改密碼。 沒有密碼為MYSQL加密碼: mysql -uroot -p 回車 提示輸入密
linux環境下關於顯示日期及修改密碼的小練習
一只小菜鳥的成長1.顯示1984-11-18是1984年的第幾天 2.顯示當前的日期 ##上面是兩種不同的表現形式## 3.在超級用戶下修改student用戶的密碼,並且student用戶在第一次登錄後強制修改密碼 ## passwd -e ## 強制修改密碼##註意:當使用root用戶修改其他用戶密
tp框架的ajax驗證用戶姓名的比較
tp框架的ajax驗證用戶姓名的比較數據庫設計隨意設計吧 反正就是用戶可以存入就可以了!正文tp後臺方法簡化: //用戶驗證 function checknm($name){ $info = D(‘user‘)->where("user_name =‘$name‘")->fin
AIX修改密碼
aix密碼管理echo "username:passwd"|chpasswd pwdadm -c usename-----含特殊字符需轉義AIX用戶賬戶鎖定與解鎖最佳方法 例如:密碼多次被輸錯,鎖定後的提示信息Password:530-There have been too many unsuccessfu
mysql四種修改密碼的方式
table user 修改 sql str upd root密碼 權限表 bin 方法1: 用SET PASSWORD命令 首先登錄MySQL。 格式:mysql> set password for [email protected]/* */ = pas
oracle忘記密碼,修改密碼
忘記 oracle acl log sqlplus 進入 用戶名 test use 1:輸入命令: sqlplus /nolog ,進入oracle控制臺,並輸入 conn /as sysdba;以DBA角色進入。2:若修改某一個用戶密碼, 修改用戶口令 格式為:alter
忘記Zabbix管理頁面登陸密碼清理況下,修改密碼!!
忘記登陸密碼 重置zabbix密碼 相信有很多人由於文檔的缺失,或者工作交接的某些原因導致密碼丟失,從而無法登錄Zabbix管理界面,現在我發現了一個方法可以修改密碼(直接在數據庫修改表內容)廢話不多說,直接入主題:1、進入數據庫,修改zabbix的數據庫下面的user表,不要告訴我數據庫密碼
新修改密碼
mod 用戶 char 1.5 null adding 添加用戶 hold aps <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit
Chrome 62 的大坑:修改密碼後始終使用保存的舊密碼登錄
最新 png bsp 不用 大坑 text bug ext 一個 最近有用戶向我們反饋,修改密碼後,怎麽也登錄不了我們網站,總是提示密碼錯誤。用戶確認密碼肯定沒錯,通過用戶發給我們的操作截圖看,用戶修改密碼的操作也沒問題。 開始我們沒能重現出這個問題,我們檢查了相關代