要求在用户名和密码中录入信息,当用户名输入框录入完毕焦点离开时,使用 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>
- 3 回答
- 1 关注
- 2705 浏览
添加回答
举报
0/150
提交
取消