Maison > interface Web > js tutoriel > L'implémentation spécifique de JQuery pour mémoriser le nom d'utilisateur et le mot de passe_jquery

L'implémentation spécifique de JQuery pour mémoriser le nom d'utilisateur et le mot de passe_jquery

WBOY
Libérer: 2016-05-16 16:53:13
original
1218 Les gens l'ont consulté
Copier le code Le code est le suivant :






Code JQuery
Copier le code Le code est le suivant :

$(document).ready(function(){
if ($.cookie ("rmbUser") == "true") {
$("#ck_rmbUser").prop("checked", true
$("#username").val); ($.cookie(" nom d'utilisateur"));
$("#password").remove();
$("#pass").append("");
$("#password").val($.cookie("password"));
}
$("#loginButton" ).click(function( ){
if(check()){
login();
}
}
}); //Mémoriser le nom d'utilisateur Mot de passe
function save() {
if ($("#ck_rmbUser").prop("checked")) {
var username = $("#username").val( );
var password = $("#password").val();
$.cookie("rmbUser", "true", { expires: 7 }); -date d'expiration
$.cookie("nom d'utilisateur", nom d'utilisateur, { expire : 7 });
$.cookie("mot de passe", mot de passe, { expire : 7 });
$.cookie ("rmbUser", "false", { expire : -1 });
$.cookie("nom d'utilisateur", "", { expire : -1 }); cookie("mot de passe", "", { expire : -1 });
}
};

function check(){
var username = $("#username") .val();
var password = $("#password").val();
if(username == "" || username == "Veuillez entrer le nom d'utilisateur"){
$ ("#tip") .text("Veuillez entrer votre nom d'utilisateur!");
$("#username").focus();
return false
}
if(password =); = "" || password == "Veuillez saisir votre mot de passe"){
$("#tip").text("Veuillez saisir votre mot de passe!"
$("#password").focus ();
return false
}
$("#tip").text("");
return true
}

function login(); {
$.ajax( {
type :"POST",
url : "login!loginValidate.action",
data:{userName:$("#username").val() ,password:$("#password ").val()},
dataType: "json",
beforeSend: function(){
showOverlay();
success :function(data){
if(data.success){
addCookie("userName", $("#username").val(), 0
save(); location.href = "/index. jsp";
}else{
$("#overlay").hide();
$("#tip").text("Le nom d'utilisateur ou le mot de passe est faux, veuillez vous reconnecter ! ");
retour faux;
}

}
});
}

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal