js-Beispielcode zur Implementierung einer einfachen Anmeldefunktion-PHP-Tutorial-php.cn

js-Beispielcode zur Implementierung einer einfachen Anmeldefunktion

不言

Freigeben： 2023-03-25 11:54:01

Original

2732 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich den Beispielcode von js zur Implementierung einer einfachen Anmeldefunktion vor. Er hat einen gewissen Referenzwert. Jetzt kann ich ihn mit allen teilen, die ihn benötigen.

Code kopieren Der Code lautet wie folgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Login.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
      function checkuser() {
         if($(&#39;uname&#39; == "lala") && $(&#39;pwd&#39;) == "123") {
           return true;
         }else {
            return false;
         }
      }

      function $(id) {
        return document.getElementById(id).value;
      }
     </script>
  </head>

  <body>
    <form action="ok.html">
      u:<input type="text" id="uname"/><br>
      p:<input type="password" id="pwd"/><br>
      <input type="submit" value="登录" onclick="return checkuser()"/>
    </form>
  </body>
</html>

Nach dem Login kopieren

Dies ist die Anmeldeseite. Die Anmeldung ist nur erfolgreich, wenn der Benutzername lala und das Passwort 123 ist. Verwenden Sie return beim onclick-Ereignis, um zu verhindern, dass die Seite springt, wenn die Eingabe von Benutzername und Passwort nicht übereinstimmt. Die erfolgreiche Anmeldeseite enthält die Wartesekunden, der Code lautet:

Code kopieren Der Code lautet wie folgt:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ok.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <script type="text/javascript">
        function tiao() {
          clearInterval(mytime);
          window.open("manage.html","_self");
        }

        setTimeout("tiao()",5000);

        function changeSec() {
           //得到myspan值
           $(&#39;myspan&#39;).innerText=$(&#39;myspan&#39;).innerText-1;
        }

         function $(id) {
        return document.getElementById(id);
      }
        var mytime = setInterval("changeSec()",1000);
    </script>
  </head>

  <body>
    登录成功，<span id="myspan">5</span>秒后自动跳转到管理页面
  </body>
</html>

Nach dem Login kopieren

Der Schlüssel liegt in der Verwendung von Mehrere Funktionen, setTimeout( "tiao()",5000); Die Funktion besteht darin, die Seite zu öffnen, 5 Sekunden zu warten und die Funktion tiao() aufzurufen. Die Funktion setInterval("changeSec()",1000); ruft die Funktion changeSec() jede Sekunde auf. Damit ist die einfache Login-Funktion abgeschlossen.

Verwandte Empfehlungen:

Detaillierte Erläuterung der Schritte zur Implementierung des Caching-Algorithmus in JS

JS zur Implementierung der Riesenradlotterie

Das obige ist der detaillierte Inhalt vonjs-Beispielcode zur Implementierung einer einfachen Anmeldefunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!