1. 程式人生 > >ajax驗證修改密碼

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 一個 最近有用戶向我們反饋,修改密碼後,怎麽也登錄不了我們網站,總是提示密碼錯誤。用戶確認密碼肯定沒錯,通過用戶發給我們的操作截圖看,用戶修改密碼的操作也沒問題。 開始我們沒能重現出這個問題,我們檢查了相關代