为了账号安全,请及时绑定邮箱和手机立即绑定

要求做用户和密码的 Ajax 判断

要求做用户和密码的 Ajax 判断

怎敌她似水流年 2017-05-31 11:10:08
要求在用户名和密码中录入信息,当用户名输入框录入完毕焦点离开时,使用 Ajax 能够实时通过后台(后台技术不限)与在后台预设的用户名数组进行检索,如果不存在则立即在页面弹出对话框提示信息,否则等待密码录入。当密码框录入完毕,点击登录按钮时,使用 Ajax 在后台实现用户名和密码的判断,并将是否正确录入的结果通过 Ajax 方式,即可返还到对话框。
查看完整描述

3 回答

?
灬紫羽

TA贡献107条经验 获得超71个赞

<!-- 给登陆按钮给个id = login-->

<!-- 给用户名输入框给个id = username-->

<!-- 给密码输入框给个id = password-->

<!-- 使用前注意引入jquery类库-->

<script>
$('#login').click(function(){     
        //这里最好对输入框的数据进行验证格式长度非法字符等等;此处省略不加验证部分;
        //验证账号密码代码。。。。。。
        $.ajax( {    
            url:'login_check.php',        // 跳转到 你的检验账号密码文件地址   
            data:{    
                    username:$("#username").val(),
                    password:$("#password").val(),
            },    
            type:'post',    //发送类型
            cache:false,    //设置为false将不会从浏览器缓存中加载请求信息
            dataType:'json',    //预定义服务器返回的数据类型
            success:function(data) {    
                //此处的data为一个json格式的对象;是你的检验文件返回的数据;是服务器返回的登陆结果
                //{'status':true,'msg':'登陆成功'}     验证反馈结果  
                //{'status':false,'msg':'密码错误'}    验证反馈结果     
                if(data.status =="true" ){    
                    alert("登陆成功!");    
                }else{    
                    alert(data.msg);
                }    
             },    
             error : function() {    
                  alert("登陆异常!");    
             }    
        });  
   });
   </script>


查看完整回答
1 反对 回复 2017-05-31
?
Sxy97

TA贡献63条经验 获得超23个赞

!!!!你想问啥
查看完整回答
反对 回复 2017-05-31
  • 怎敌她似水流年
    怎敌她似水流年
    用JQuery怎么实现啊?
  • Sxy97
    Sxy97
    在失去焦点时获取输入框的值,用jquery中的ajax方法把获取的值post提交
  • 怎敌她似水流年
    怎敌她似水流年
    嗯嗯,就是当你输入用户名后他就在后台检索用户名是否存在,如果不存在则立即在 页面弹出对话框提示信息,否则等待密码录入。当密码框录入完毕,点击登录按钮时,使 用 Ajax 在后台实现用户名和密码的判断。该怎么做呢?
  • 3 回答
  • 1 关注
  • 2655 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信