Méthode jquery.cookie.js pour implémenter la connexion de l'utilisateur et enregistrer le mot de passe function_jquery

L'exemple de cet article décrit comment jquery.cookie.js implémente la fonction d'enregistrement des mots de passe pour la connexion de l'utilisateur. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Les js qui doivent être importés sont jquery.js et jquery.cookie.js

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

Lorsque la page se charge, essayez d'abord d'obtenir la valeur du cookie. Si le cookie a une valeur, remplissez la valeur obtenue dans la zone de saisie et cochez la case pour enregistrer le mot de passe

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

Déterminez si la case Enregistrer le mot de passe est cochée lors de la connexion. Si elle est cochée, créez un cookie (la durée de validité peut être décidée par vous-même. Le cookie ci-dessous est valable 7 jours. S'il n'est pas coché, supprimez-le). le cookie (car il a peut-être été enregistré la dernière fois). Mot de passe, choisissez d'annuler l'enregistrement du mot de passe pour cette connexion, vous devez donc supprimer le cookie afin qu'il n'ait aucune valeur lors de votre prochaine connexion).
Portez une attention particulière à l'opération de suppression des cookies. De nombreux articles sur Internet utilisent la méthode $.cookie('username',null), mais cela ne fonctionne pas lorsque j'utilise cette méthode. Le cookie existe à chaque fois que je me reconnecte. J'essaie d'utiliser $.cookie ("nom d'utilisateur",'') et il y a toujours des problèmes, le programme ne parvient plus à enregistrer les mots de passe.

//提交表单的处理函数
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: '/' });
 }
 //....
 //提交表单的操作
}

Case à cocher Enregistrer le mot de passe sur la page de connexion

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

PS : Nous vous recommandons ici un outil de compression, de formatage et de chiffrement JavaScript très simple d'utilisation, qui est très puissant (pour ceux qui veulent chiffrer leur code, vous vous voudrez peut-être l'essayer. Essayez la fonction de cryptage js ici) :

Outil de compression/formattage/chiffrement JavaScript : http://tools.jb51.net/code/jscompress

De plus, le cryptage dans l'outil js ci-dessus utilise le formulaire de cryptage de la fonction eval. Pour cela, ce site fournit également l'outil de décryptage suivant pour le cryptage de la fonction eval, qui est très puissant et pratique !

Outil de cryptage et de décryptage en ligne de la méthode d'évaluation JS : http://tools.jb51.net/password/evalencode

Les lecteurs intéressés par davantage de contenu lié à jQuery peuvent consulter les sujets spéciaux sur ce site : "Résumé des compétences en matière d'opération de cookie JQuery", "Résumé des compétences en matière d'opération de table jQuery (table)" , "Résumé des effets et techniques de glisser jQuery", "Résumé des techniques d'extension jQuery", "Résumé des effets spéciaux classiques courants jQuery", "Résumé de l'utilisation des animations et des effets spéciaux jQuery", "Résumé de l'utilisation du sélecteur jquery" et "Plug-ins communs jQuery et résumé de l'utilisation"

J'espère que cet article sera utile à tous ceux qui programment jQuery.