JavaScript dan jquery melaksanakan pengesahan log masuk pengguna masing-masing kemahiran_javascript

Dalam artikel sebelumnya /article/83504.htm, pengesahan pengguna telah dilaksanakan menggunakan javascript, tetapi kata laluan tidak disahkan Kali ini, fungsi ini telah ditambahkan dan masing-masing menggunakan javascript dan jquery.

1. Kod kunci dilaksanakan menggunakan ajax jquery

Pelaksanaannya adalah seperti berikut

/*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("密码查询发生错误！")
      },
    });
  });
}); */

2. Kunci pelaksanaan dengan javascriptKod

Pelaksanaannya adalah seperti berikut

//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;
    }
  }

Bahagian mysql dan pangkalan data kekal sama seperti catatan blog sebelum ini

Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.