使用ajax实现用户登录验证(升级版)
2016-04-24 12:55
741 查看
在上一篇博文http://my.oschina.net/lgr6/blog/664027中,用javascript实现了用户验证,但并没有对密码进行验证,这次追加了这个功能,并分别用javascript和jquery实现。
一.用jquery的ajax实现的关键代码如下
/*jquery实现 $(document).ready(function(){ $("#account").blur(function(event) { $.ajax({ type:"GET", url:"checkAccount.php?account="+$("#account").val(), dataTypes:"text", success:function(msg){ $("#accountStatus").html(msg); }, error:function(jqXHR) { alert("账号发生错误!") }, }); }); $("#password").blur(function(event) { $.ajax({ type:"GET", url:"checkPassword.php?", dataTypes:"text", data:"account="+$("#account").val()+"&password="+$("#password").val(), success:function(msg){ $("#passwordStatus").html(msg); }, error:function(jqXHR) { alert("密码查询发生错误!") }, }); }); }); */
一.用javascript实现的关键代码实现如下
//javascript实现 function checkAccount(){ var xmlhttp; var name = document.getElementById("account").value; if (window.XMLHttpRequest) xmlhttp=new XMLHttpRequest(); else xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("GET","checkAccount.php?account="+name,true); xmlhttp.send(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) document.getElementById("accountStatus").innerHTML=xmlhttp.responseText; } } function checkPassword(){ var xmlhttp; var name = document.getElementById("account").value; var pw = document.getElementById("password").value; if (window.XMLHttpRequest) xmlhttp=new XMLHttpRequest(); else xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp.open("GET","checkPassword.php?account="+name+"&password="+pw,true); xmlhttp.send(); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4 && xmlhttp.status==200) document.getElementById("passwordStatus").innerHTML=xmlhttp.responseText; } }
mysql和数据库部分跟上篇博文的一样没有改变,运行结果如下图
(adsbygoogle = window.adsbygoogle || []).push({});
相关文章推荐
- 使用Ajax异步刷新实现登录用户验证
- 使用AjaxPro框架实现无刷新用户登录验证【原创】
- 使用AjaxPro框架实现无刷新用户登录验证【原创】
- Ajax实现用户登录验证--原生JavaScript使用POST方法
- 使用ajax 实现用户的用户名注册验证,如果该用户已存在则提示该用户已存在
- 使用ajax 实现用户的用户名注册验证,如果该用户已存在则提示该用户已存在
- 使用Servlet过滤器实现用户登录验证
- ASP.NET 使用WebServices+Ajax实现无刷新验证用户是否已注册
- 使用Ajax实现登录验证
- 利用ajax实现登录:验证完用户信息后如何保存用户信息并实现跳转
- 在ASP.NET AJAX中使用应用程序服务和本地化:实现用户登录和注销(转自:Dflying Chen @ cnblogs)
- 简单实现ajax验证用户是否可以登录
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
- 使用break与cont实现验证用户登录信息
- 使用filter过滤器实现用户登录验证
- ASP.NET jQuery 食谱11 (通过使用jQuery validation插件简单实现用户登录页面验证功能)
- 使用SSH框架实现用户登录验证
- 使用Servlet过滤器实现用户登录验证
- 使用SSH框架实现用户登录验证