zoukankan      html  css  js  c++  java
  • asp ajax

    //gaonan
    //
    用于找回密码
    //
    判断浏览器new XMLHttpRequest对象
    var xmlHttp = false;
    try {
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
    try {
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e2) {
    xmlHttp = false;
    }
    }
    if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
    xmlHttp = new XMLHttpRequest();
    }
    //判断用户名是否为空是否包含空格
    function checkName()
    {
    var userName=$("#un");
    var userName_Text=userName.val();
    if(/\s+/.test(userName_Text)||userName_Text=="")
    {
    alert("用户名不能为空或者不能存在空格");
    }
    else
    {
    callServer();
    }
    };
    //找回密码
    function callServer() {
    var username=$("#un").val();
    if ((username == null) || (username == "")) return;
    var url = "checkname.asp?username=" + username;
    xmlHttp.open("post", url, true);
    xmlHttp.onreadystatechange = updatePage;
    xmlHttp.send(null);
    }
    //回调函数
    function updatePage() {
    if (xmlHttp.readyState < 4) {
    $("#load").text("loding...");
    }
    if (xmlHttp.readyState == 4) {
    //判断对象状态,如果服务器生成了 正常响应
    if(xmlHttp.status==200)
    {
    //得到数据
    var response =xmlHttp.responseText;
    //用户名不存在
    if(response=="2")
    {
    $("#load").text("你输入的用户名不存在");
    }
    //用户名正确
    else if(response!="1"||response!=null)
    {

    //jquery操作表格css
    $("#t1").css('display','none');
    $("#t2").css('display','block');
    $("#username").text($("#un").val());
    spli(response);
    }
    }else{
    //页面不正常
    window.alert("您所请求的页面有异常");
    }
    }
    }
    //截取字符串
    function spli(response)
    {
    var str= new Array();
    str=response.split(",");
    for (i=0;i<str.length ;i++ )
    {
    $("#a"+i).text(str[i]);
    }
    $("#pswquestion").text($("#a1").text());
    }
    //验证密码提示问题
    function cc()
    {
    //去掉密码答案中的空格
    String.prototype.trim = function()
    {
    // 用正则表达式将前后空格,用空字符串替代。
    return this.replace(/(^\s*)|(\s*$)/g, "");
    }
    var daan1=$("#a2").text().trim();//trim()
    var daan2=$("#pswdaan").val();
    if(daan1==daan2)
    {
    $("#t3").css("display","block");
    $("#t2").css("display","none");
    $("#user3").text($("#un").val());

    }else if(daan2=="")
    {
    alert("密码不能为空");
    }else
    {
    alert("密码提示问题答案错误");
    }
    }
    //输入密码
    function mima()
    {
    var mima1=$("#mima1").val();
    var mima2=$("#mima2").val();
    if(/\s+/.test(mima1)|| mima1==""||(/\s+/).test(mima2)||mima2=="")
    {
    alert("密码不能为空,不能有空格");
    }
    else if(mima1!=mima2){
    alert("两次输入密码不一致");
    }
    else if(mima1==mima2)
    {
    //数据写入数据库
    subpwd();
    }else
    {
    alert("出现异常");
    }
    }
    //提交数据
    function subpwd()
    {
    var id=$("#a0").text();
    var user=$("#user3").text();
    var pwd=$("#mima1").val()
    $.post("checkname2.asp",{id:id,pwd:pwd},function(data){
    //自动登陆
    if(confirm('修改成功!\n是否现在登陆?')){
    $.post("loginreg2.asp",{username:user,password:pwd},function(data){
    if(data=1)
    {
    window.location.href='index.asp';
    }else{
    window.alert("您所请求的页面有异常");
    }
    });
    }
    else{
    window.location.href='index.asp';
    }
    });
    }
    //回车事件
    function enterHandler(event,haha)
    {
    var keyCode=event.keyCode?event.keyCode:event.which?event.which:event.charCode;
    if(keyCode==13)
    {
    if(haha==1)
    {
    checkName();
    }
    else if(haha==2)
    {
    cc();
    }
    else if(haha==3)
    {
    mima();
    }
    }
    }
    ok1.onclick=checkName;
    ok2.onclick=cc;
    ok3.onclick=mima;
    //实例http://www.haoyouxian.com/wangjimima.asp   用户名haoyouxian    提示答案:123456
    <div id="middle">

    <div id="left">

    <p class="title" align="center">忘记密码</p>

    <div id="content">

    <!--第1个table-->

    <table id="t1" width="580" align="center" >

    <tr style="height:25px;"></tr>

    <tr>

    <td>用户名:</td>

    <td>

    <input type="text" name="un" id="un" size="" maxlength="10" value="" style="float:left; margin-left:50px; " onkeypress="enterHandler(event,1)"/><p id="load" style="color:#FF0000">请输入用户名</p>

    </td>

    </tr>

    <tr>

    <td></td>

    <td><input id="ok1" type="button" value="确定" style="float:left; margin-left:80px;"/></td>

    </tr>

    <tr style="height:25px;"></tr>

    </table>

    <!--第二个table-->

    <table id="t2" width="580" align="center" style="display:none;" >

    <tr style="height:25px;"></tr>

    <tr>

    <td>用户名:</td>

    <td>

    <p id="username" style="float:left; margin-left:25px;"></p>

    </td>

    </tr>

    <tr>

    <td>问题:</td>

    <td>

    <p id="pswquestion" style="float:left; margin-left:25px; color:#FF0000 "></p>

    </td>

    </tr>

    <tr>

    <td>答案:</td>

    <td>

    <!--id-->

    <p id="a0" style="display:none;" ></p>

    <!--question-->

    <p id="a1" style="display:none;" ></p>

    <!--daan-->

    <p id="a2" style="display:none;" ></p>

    <input type="text" name="pswdaan" id="pswdaan" size="" maxlength="10" value="" style="float:left; margin-left:26px; " onkeypress="enterHandler(event,2)" /><p id="load" style="color:#FF0000">请输入密码问题答案</p>

    </td>

    </tr>

    <tr>

    <td></td>

    <td><input id="ok2" type="button" value="确定" style="float:left; margin-left:80px;"/></td>

    </tr>

    <tr style="height:25px;"></tr>

    </table>

    <!--第三个table-->

    <table id="t3" width="580" align="center" style="display:none">

    <tr style="height:25px;"></tr>

    <tr>

    <td>用户名:</td>

    <td><p id="user3" style="float:left; margin-left:25px;"></p></td>

    </tr>

    <tr>

    <td>请输入密码:</td>

    <td><input id="mima1" type="password" style="float:left; margin-left:26px;"/></td>

    </tr>

    <tr>

    <td>请再次输入密码:</td>

    <td><input id="mima2" type="password" style="float:left; margin-left:26px;" onkeypress="enterHandler(event,3)"/></td>

    </tr>

    <tr>

    <td></td>

    <td><input id="ok3" type="button" value="确定" style="float:left; margin-left:80px;"/></td>

    </tr>

    <tr style="height:25px;"></tr>

    </table>

    <div class="clear"></div>

    </div>

    </div>


  • 相关阅读:
    期待已久的Ext JS 4.0正式版发布了
    数学学科读到硕士也只是学了皮毛
    数据库迁移
    ExtJS 4正式版今天发布
    BizTalk Server 2010 支持 SFTP 适配器
    MySQL大小写问题
    V$SESSION_LONGOPS
    利用Ganymed SSH2模拟SSH操作
    [Linux] 访问Samba提示“Network path was not found”
    Oracle段高水位(HWM, high water mark)问题
  • 原文地址:https://www.cnblogs.com/0banana0/p/2184758.html
Copyright © 2011-2022 走看看