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

最新推荐文章于 2022-11-20 23:42:24 发布

GMY20

最新推荐文章于 2022-11-20 23:42:24 发布

阅读量297

点赞数

分类专栏：脚本编程

脚本编程专栏收录该内容

56 篇文章 0 订阅

订阅专栏

 
  一.用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; 
   
    } 
   
    } 
   
 文章来源 
  设计之家 http://www.doilcn.com/