JavaScript und JQuery implementieren die Überprüfung der Benutzeranmeldung bzw. Javascript-Kenntnisse-js-Tutorial-php.cn

JavaScript und JQuery implementieren die Überprüfung der Benutzeranmeldung bzw. Javascript-Kenntnisse

WBOY

Freigeben： 2016-05-16 15:02:27

Original

1408 Leute haben es durchsucht

Im vorherigen Artikel //m.sbmmt.com/article/83504.htm wurde die Benutzerüberprüfung mit Javascript implementiert, das Passwort wurde jedoch nicht überprüft. Diesmal wurde diese Funktion hinzugefügt und mit Javascript bzw. JQuery durchgeführt.

1. Schlüsselcode implementiert mit jquerys Ajax

Die Umsetzung ist wie folgt

/*jquery实现
$(document).ready(function(){
  $("#account").blur(function(event) {
    $.ajax({
      type:"GET",
      url:"checkAccount.php&#63;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&#63;",
      dataTypes:"text",
      data:"account="+$("#account").val()+"&password="+$("#password").val(),
      success:function(msg){
        $("#passwordStatus").html(msg);
      },
      error:function(jqXHR) {
        alert("密码查询发生错误！")
      },
    });
  });
}); */

Nach dem Login kopieren

2. Der Schlüssel zur Implementierung mit JavascriptCode

Die Umsetzung ist wie folgt

//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&#63;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&#63;account="+name+"&password="+pw,true);
    xmlhttp.send();
 
    xmlhttp.onreadystatechange=function(){
     if (xmlhttp.readyState==4 && xmlhttp.status==200)
      document.getElementById("passwordStatus").innerHTML=xmlhttp.responseText;
    }
  }

Nach dem Login kopieren

Die MySQL- und Datenbankteile bleiben die gleichen wie im vorherigen Blog-Beitrag. Die laufenden Ergebnisse sind wie unten dargestellt