关于jquery忘记密码模块思路问题

首先是前台页面,input button 后台调用服务器端事件用onserverclick

但是有一个问题,那就是会刷新前台页面数据,所以把button放到updatepanel中便不会刷新

<form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">//解决button 后台启动时间后前台页面刷新需要加updatepanel
        </asp:ScriptManager>
        <div class="info-title clearfix">
            <h6 class="l" id="title"></h6>
        </div>
        <div class="baseinfo-form ">

            <div class="baseinfo-form-row">
                <label for="" id="lblIdentity"></label>
                <input id="txtIdentity" type="text" class="baseinfo-form-input media " runat="server">
                <label id="IdentityError" class="pwdstyle" style="display: none"></label>
            </div>
            <div class="baseinfo-form-row">
                <div class="base_left">
                    <label for="" id="lblTel"></label>
                    <input type="text" class="baseinfo-form-input media" id="txtPhone" disabled="disabled" runat="server">
                </div>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <input type="button" class="r btn-send" runat="server" id="btn_send" value="发送" onserverclick="btn_send_Click" disabled="disabled" />//iput button调用后台服务器事件用onserverclick
                    </ContentTemplate>
                </asp:UpdatePanel>

                <%--<asp:Button class="r btn-send" runat="server" ID="btn_send" Text="发 送" OnClick="btn_send_Click" Enabled="false" ></asp:Button>--%>
                <label id="PhoneError" class="pwdstyle" style="display: none"></label>
            </div>
            <div class="baseinfo-form-row " id="yzmstyle">
                <label for="">验证码:</label>
                <input type="text" class="baseinfo-form-input media" id="txtValidate" disabled="disabled" runat="server">
                <label id="ValidateError" class="pwdstyle" style="display: none"></label>

            </div>
            <div class="baseinfo-form-row">
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <label for=""></label>

                        <input type="button" class="r btn-Next" runat="server" id="btn_Next" value="下一步" onserverclick="btn_Next_Click" disabled="disabled" />
                    </ContentTemplate>
                </asp:UpdatePanel>

            </div>

        </div>

    </form>

jquery部分代码:

这里用到Jquery利用ajax无刷新调用后台方法,一般用一般处理程序,这里我用了一个页面作为一般处理程序

<script type="text/javascript">
        $(document).ready(function () {
            var logint = ‘<%=logint%>‘;
            if (logint == 0) {
                $("#title").html("个人密码找回");
                $("#lblIdentity").text("身份证:");
                $("#lblTel").text("移动电话:");
            }
            else {
                $("#title").html("单位密码找回");
                $("#lblIdentity").text("机构代码:");
                $("#lblTel").text("单位电话:");
            }
            $("#txtIdentity").blur(function () {
                //验证身份证号
                if ($("#txtIdentity").val() == "") {
                    $("#IdentityError").css(‘display‘, ‘inline‘);
                    $("#IdentityError").html("<font color=‘red‘>*不能为空!</font>");
                }
                else {
                    validateIdentity();
                }

            });
        });

        function validateIdentity() {
            //验证身份证
            var logint = ‘<%=logint%>‘;
            var identity = $("#txtIdentity").val();
            var type2 = "yzid";
            var strurl = "Common/ValidateInfo.aspx?logint=" + logint + "&identity=" + identity + "&type2=" + type2;

            $.ajax({
                url: strurl,
                type: "post",
                datatype: "text",
                success: function (returnValue) {
                    if (returnValue == "idNo") {
                        $("#IdentityError").css(‘display‘, ‘inline‘);
                        if (logint == 0) {
                            $("#IdentityError").html("<font color=‘red‘>*身份错误!</font>");
                        }
                        else {
                            $("#IdentityError").html("<font color=‘red‘>*机构错误!</font>");
                        }

                        $("#txtPhone").attr("disabled", "disabled");

                    }
                    else {
                        $("#IdentityError").css(‘display‘, ‘none‘);
                        //$("#btn_send").css(‘background-color‘, ‘#ff7e00‘);
                        $("#txtPhone").removeAttr("disabled");
                        //$("#btn_send").removeAttr("disabled");
                    }
                }
            })
        }
</script>

在另一个页面的pageload中写方法,jquery通过ajax调用这个方法

 public string logint
        {//账户类型
            get
            {
                if (Request.QueryString["logint"] != null)
                {
                    return Request.QueryString["logint"].ToString();
                }
                else
                {
                    return "";
                }
            }
        }

        public string identity
        {//身份证号
            get
            {
                if (Request.QueryString["identity"] != null)
                {
                    return Request.QueryString["identity"].ToString();
                }
                else
                {
                    return "";
                }
            }
        }

 protected void Page_Load(object sender, EventArgs e)
        {
            B_PK_User b_user = new B_PK_User();
            M_PK_User m_user=new M_PK_User();
            M_PK_ValidateCode m_code = new M_PK_ValidateCode();
            B_PK_ValidateCode b_code=new B_PK_ValidateCode();
            B_PK_Unit b_unit = new B_PK_Unit();
            M_PK_Unit m_unit = new M_PK_Unit();
            string rr = "";
            if (logint == "0")
            {//个人
                if (type == "yzid")
                {//验证身份证
                    m_user = b_user.SelectByIdentity(identity);
                    if (m_user == null)
                    {
                        rr = "idNo";
                    }
                    else
                    {
                        rr = "idYes";
                    }
                }

            Response.Write(rr);//成功

            Response.End();
        }
时间: 2024-10-12 12:52:57

关于jquery忘记密码模块思路问题的相关文章

【毕设】班级管理系统——找回密码模块

[模块介绍] 首先检测用户是否在登录状态下,若用户在登录状态下,则跳过用户名检测环节,直接进入随机密保验证和修改密码环节,修改成功后,则注销原用户登录.若用户之前并未登陆,则在随机密保验证和修改密码环节之前得先判断段所要修改的用户名是否存在.只有存在后才能进入下一环节.本设计思路来源腾讯QQ密码按密保问题修改.图5.3(a),图5.3(b)和图5.3(c)分别显示用户名检测,随机密保验证和修改密码环节的相关界面. [界面设计] [程序流程图] [核心代码] 相关参数说明: private Lis

转:java 帐号激活与忘记密码 实例

原文链接:http://endual.iteye.com/blog/1613679 一.帐户激活 在 很多时候,在某些网站注册一个用户之后,网站会给这个用户注册时填写的email地址发送一封帐户激活邮件,这封邮件的内容就是一个激活帐户的链接和一段 简短的文字描述,如果用户没有去邮箱将帐户激活,可能在使用网站的某些功能时就会受到限制,比如不能发贴.下载资料.评论等限制.这么做的原因应该是为了 保证帐户的安全性和邮箱的有效性,以后网站如果有什么活动.资讯或系统安全通知等,可以在第一时间通知到用户.比

JavaMail学习笔记(七)、帐号激活与忘记密码 实例(zhuan)

一.帐户激活 在很多时候,在某些网站注册一个用户之后,网站会给这个用户注册时填写的email地址发送一封帐户激活邮件,这封邮件的内容就是一个激活帐户的链接和一段简短的文字描述,如果用户没有去邮箱将帐户激活,可能在使用网站的某些功能时就会受到限制,比如不能发贴.下载资料.评论等限制.这么做的原因应该是为了保证帐户的安全性和邮箱的有效性,以后网站如果有什么活动.资讯或系统安全通知等,可以在第一时间通知到用户.比如我在奇艺视频网站注册一个帐号之后,它就会往我注册时填写的邮箱中发一封帐户激活的邮件,邮件

JavaMail学习笔记(七)、帐号激活与忘记密码 实例

http://blog.csdn.net/xyang81/article/details/7727141 一.帐户激活 在很多时候,在某些网站注册一个用户之后,网站会给这个用户注册时填写的email地址发送一封帐户激活邮件,这封邮件的内容就是一个激活帐户的链接和一段简短的文字描述,如果用户没有去邮箱将帐户激活,可能在使用网站的某些功能时就会受到限制,比如不能发贴.下载资料.评论等限制.这么做的原因应该是为了保证帐户的安全性和邮箱的有效性,以后网站如果有什么活动.资讯或系统安全通知等,可以在第一时

jquery记住密码,记住账号,自动登录

1.引入jquery库 2.引入jquery.cookie.js库 3.引入操作js jsp如下: $(document).ready(function() { //输入框获得焦点-失去焦点 $(".oaText").focus(function(){ oaFocus(".oaText","请输入用户名"); }); $(".oaText").blur(function(){ oaBlur(".oaText"

laravel5.5 自带的忘记密码邮箱找回功能小记

前沿: 看了半天登录注册,然后是这个忘记密码,有点头晕,只能说确实很菜. 1. 执行php artisan route:list 查看当前所有路由,可以发现点击忘记密码时候执行的是ForgotPasswordController控制器中的showLinkRequestForm方法,打开了对应视图. 2. 输入邮箱后点击发送邮件,执行的是ForgotPasswordController控制器中的sendResetLinkEmail方法, 控制器很干净,那方法应该是在引用的trait中了,打开Sen

js 忘记密码发送短信记录cookie

<div class="forgetPwdBox" style="display:none"> <div class="forTit"> <p>忘记密码</p> <span id="closeBtn">x</span> </div> <div class="textPwd"> <div class=&quo

凝思系统忘记密码

凝思系统忘记密码 Linux/Unix 切换至终端,使用安全账户登录 secadmin ***** 执行以下命令 echo "root:root" | chpasswd -m 则可暂时修改root用户密码为root

websphere安装验证报错 忘记密码的配置

http://blog.csdn.net/yulimin/article/details/4048897 ADMU7704E: 在尝试启动与服务器相关联的 Windows 服务时失败:server1:>在执行 WASService.exe>           时可能发生错误:Starting Service: jyaoNode01>Service failed to start. >           startServer return code = -1 解决方案:1.点击