jquery.cookie.js-Methode zum Implementieren der Benutzeranmeldung und zum Speichern des Passworts function_jquery

Das Beispiel in diesem Artikel beschreibt, wie jquery.cookie.js die Funktion zum Speichern von Passwörtern für die Benutzeranmeldung implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Die js, die importiert werden müssen, sind jquery.js und jquery.cookie.js

<script type="text/javascript" src=" jquery-1.5.2.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>

Wenn die Seite geladen wird, versuchen Sie zunächst, den Wert des Cookies abzurufen. Wenn das Cookie einen Wert hat, geben Sie den erhaltenen Wert in das Eingabefeld ein und aktivieren Sie das Kontrollkästchen, um das Passwort zu speichern

jQuery(function(){
 //获取cookie的值
 var username = $.cookie('username');
 var password = $.cookie('password');
 //将获取的值填充入输入框中
 $('#uName').val(username);
 $('#psw').val(password); 
 if(username != null && username != '' && password != null && password != ''){//选中保存秘密的复选框
  $("#remember_password").attr('checked',true);
 }
});

Stellen Sie fest, ob beim Anmelden das Kontrollkästchen „Passwort speichern“ aktiviert ist. Wenn es aktiviert ist, erstellen Sie ein Cookie (die Gültigkeitsdauer können Sie selbst festlegen. Das unten stehende Cookie ist 7 Tage lang gültig. Wenn es nicht aktiviert ist, löschen Sie es). das Cookie (da es möglicherweise beim letzten Mal gespeichert wurde). Wählen Sie „Passwort“ aus, um das Speichern des Passworts für diese Anmeldung abzubrechen. Daher müssen Sie das Cookie löschen, damit das Cookie bei der nächsten Anmeldung keinen Wert mehr hat.
Achten Sie besonders auf den Vorgang zum Löschen von Cookies. Viele Artikel im Internet verwenden die Methode $.cookie('username',null), aber sie funktioniert nicht, wenn ich diese Methode verwende. Das Cookie existiert jedes Mal, wenn ich mich erneut anmelde. Ich versuche, $.cookie („Benutzername“,'') zu verwenden. Es treten immer noch Probleme auf, das Programm kann keine Passwörter mehr speichern.

//提交表单的处理函数
function Login()
{
 var uName =$('#uName').val();
 var psw = $('#psw').val();
 if($('#remember_password').attr('checked') == true){//保存密码
  $.cookie('username',uName, {expires:7,path:'/'});
  $.cookie('password',psw, {expires:7,path:'/'});
 }else{//删除cookie
  $.cookie('username', '', { expires: -1, path: '/' });
  $.cookie('password', '', { expires: -1, path: '/' });
 }
 //....
 //提交表单的操作
}

Kontrollkästchen „Passwort speichern“ auf der Anmeldeseite

<input type="checkbox" name="remember_password" id="remember_password"/>
<span id="span_tip" style="margin-bottom:-2px;color:white;font-size:12px;">记住密码
</span>

PS: Hier empfehlen wir ein sehr einfach zu verwendendes JavaScript-Komprimierungs-, Formatierungs- und Verschlüsselungstool, das sehr leistungsstark ist (für diejenigen, die ihren Code verschlüsseln möchten, Sie Vielleicht möchten Sie es ausprobieren. Probieren Sie die js-Verschlüsselungsfunktion hier aus):

JavaScript-Komprimierungs-/Formatierungs-/Verschlüsselungstool: http://tools.jb51.net/code/jscompress

Darüber hinaus verwendet die Verschlüsselung im oben genannten js-Tool das Evaluierungsfunktions-Verschlüsselungsformular. Zu diesem Zweck stellt diese Website auch das folgende Entschlüsselungstool für die Evaluierungsfunktionsverschlüsselung bereit, das sehr leistungsstark und praktisch ist!

JS-Bewertungsmethode Online-Verschlüsselungs- und Entschlüsselungstool: http://tools.jb51.net/password/evalencode

Leser, die an weiteren jQuery-bezogenen Inhalten interessiert sind, können sich die speziellen Themen auf dieser Website ansehen: „Zusammenfassung der JQuery-Cookie-Betriebsfähigkeiten“, „Zusammenfassung der jQuery-Tabellen-(Tabellen-)Betriebsfähigkeiten", "Zusammenfassung der jQuery-Drag-Effekte und -Techniken", "Zusammenfassung der jQuery-Erweiterungstechniken", "Zusammenfassung der gängigen klassischen jQuery-Spezialeffekte", „Zusammenfassung der Verwendung von jQuery-Animationen und Spezialeffekten“, „Zusammenfassung der Verwendung von jQuery-Selektoren“ und „Zusammenfassung allgemeiner jQuery-Plugins und Verwendung“

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.