asp.net中ajax修改密码简单实例_$('#txtoldpass')-优快云博客

本文介绍了一个使用ASP.NET和AJAX实现的修改密码功能示例。该示例通过客户端JavaScript验证用户输入，并通过AJAX调用服务器端验证旧密码及更新新密码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//asp.net中ajax修改密码简单实例

//修改密码
        
        function serverLogin() {
            var $newpass = $('#txtNewPass');
            var $rePass = $('#txtRePass');
            var $oldPass = $("#txtOldPass");
            var oldPwd=$("#txtOldPass").val();
            

            if ($oldPass.val() == '') {
                msgShow('系统提示', '请输入旧密码！', 'warning');
                return false;
            }else if ($newpass.val() == '') {
                msgShow('系统提示', '请输入新密码！', 'warning');
                return false;
            }else if ($rePass.val() == '') {
                msgShow('系统提示', '请再一次输入新密码！', 'warning');
                return false;
            }else if ($newpass.val() != $rePass.val()) {
                msgShow('系统提示', '两次新密码不一致！请重新输入', 'warning');
                return false;
            }
            else{
                 //验证旧密码
                 $.ajax({
                 type:"get",
                 url:"ASHX/CheckPwd.ashx",//转到一般处理程序
                 data:{"Pwd":oldPwd,"random":Math.random()},               
                 success:function(data)
                 {               
                     if(data=="true")
                     {
                        updateNewPwd();//调用updateNewPwd方法
                     }
                     else
                     {

                        msgShow('系统提示', '旧密码输入错误！', 'warning');
                        
                        return false;
                     }       
                 }                     
                 });
            }
            

        }
        
        
        //更新新密码
        function updateNewPwd()
        {
            var newPwd=$("#txtNewPass").val();
            $.ajax({
                 type:"get",
                 url:"ASHX/UpdatePwd.ashx",//转到一般处理程序
                 data:{"NewPwd":newPwd,"random":Math.random()},               
                 success:function(data)
                 {               
                     if(data=="true")
                     {
                        
                        msgShow('系统提示', '修改成功！', 'info');
                     }
                     else
                     {
                         msgShow('密码修改失败，请重新修改！', 'warning');
                            return false;
                     }       
                 }                     
             });
   
   
        }

 <!--修改密码窗口-->
    <div id="w" class="easyui-window" title="修改密码" collapsible="false" minimizable="false"
        closed="true" modal="true" maximizable="false" icon="icon-save" style="width: 288px;
        height: 152px; padding: 5px; display: none; background: #fafafa;">
        <div class="easyui-layout" fit="true">
            <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;
                width: 266px;">
                <table cellpadding="3">
                    <tr>
                        <td>
                            旧密码：
                        </td>
                        <td>
                            <input type="password" class="txt01" id="txtOldPass" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            新密码：
                        </td>
                        <td>
                            <input id="txtNewPass" type="password" class="txt01" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            确认新密码：
                        </td>
                        <td>
                            <input id="txtRePass" type="password" class="txt01" />
                        </td>
                    </tr>
                </table>
            </div>
            <div region="south" border="false" style="text-align: right; height: 30px; line-height: 30px;">
             
          <a id="btnEp" class="easyui-linkbutton" icon="icon-ok" onclick="serverLogin()" href="javascript:void(0)">
                    确定</a> <a id="btnCancel" class="easyui-linkbutton" onclick="closePwd()" icon="icon-cancel"
                        href="javascript:void(0)">取消</a>
            </div>
        </div>
    </div>

<%@ WebHandler Language="C#" Class="CheckPwd" %>

using System;
using System.Web;
using BLL;

public class CheckPwd : IHttpHandler, System.Web.SessionState.IRequiresSessionState
{
    
    protected System.Data.DataTable dt = null;
    public void ProcessRequest (HttpContext context) { 
        
        context.Response.ContentType = "text/plain";
        string pwd = context.Request["Pwd"];

        string userId = context.Session["LoginUser"].ToString();

        dt = czManager.CheckPwd(userId);//从数据库中获取密码
        string dbPwd = dt.Rows[0]["UserPassword"].ToString();
      
        if (pwd == dbPwd)
        {
            context.Response.Write("true");
        }
        else
        {
            context.Response.Write("false");
        }


    }
    public bool IsReusable {
        get {
            return false;
        }
    }

}

<%@ WebHandler Language="C#" Class="UpdatePwd" %>

using System;
using System.Web;
using BLL;

public class UpdatePwd : IHttpHandler, System.Web.SessionState.IRequiresSessionState
{
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "text/plain";
        string newPwd = context.Request["NewPwd"];
        string userId = context.Session["LoginUser"].ToString();

        bool result = czManager.ChangePwd(userId,newPwd) ;//更新密码并返回是否成功。
        if (result)
        {
            context.Response.Write("true");
        }
        else
        {
            context.Response.Write("false");
        }
    }


 
    public bool IsReusable {
        get {
            return false;
        }
    }

}