怎么使用javascript和jquery分别实现用户登录验证

这篇文章主要介绍“怎么使用javascript和Jquery分别实现用户登录验证”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“怎么使用javascript和jquery分别实现用户登录验证”文章能帮助大家解决问题。

一.用jquery的ajax实现的关键代码

实现如下

二.用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;    }  }

运行结果如下图

关于“怎么使用javascript和jquery分别实现用户登录验证”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注编程网精选频道，小编每天都会为大家更新不同的知识点。