ホームページ > ウェブフロントエンド > jsチュートリアル > ユーザー名とパスワードを記憶するための JQuery の具体的な実装_jquery

ユーザー名とパスワードを記憶するための JQuery の具体的な実装_jquery

WBOY
リリース: 2016-05-16 16:53:13
オリジナル
1219 人が閲覧しました
コードをコピー コードは次のとおりです。






JQuery コード
コードをコピーします コードは次のとおりです:

$(document).ready(function(){
if ($.cookie ("rmbUser") == "true") {
$("#ck_rmbUser").prop("checked", true);
$("#username"); ($.cookie(" ユーザー名"));
$("#password").remove();
$("#pass").append("");
$("#password").val($.cookie("password"));
}
$("#loginButton" ).click(function( ){
if(check()){
ログイン();
}
}); //ユーザー名パスワードを記憶します
function save() {
if ($("#ck_rmbUser").prop("checked")) {
var username = $("#username").val( );
varpassword = $("#password").val();
$.cookie("rmbUser", "true", { 有効期限: 7 }); -day 有効期限
$.cookie("ユーザー名", ユーザー名, { 有効期限: 7 });
$.cookie("パスワード", パスワード, { 有効期限: 7 });
$.cookie ("rmbUser", "false", { 有効期限: -1 });
$.cookie("ユーザー名", "", { 有効期限: -1 }); cookie("パスワード", "", { 有効期限: -1 });

function check(){
var username = $("#username"); .val();
var パスワード = $("#password").val();
if(ユーザー名 == "" || ユーザー名 == "ユーザー名を入力してください"){
$ ("#tip") .text("ユーザー名を入力してください!");
$("#username").focus();
return
}
if(パスワード = = "" || "パスワードを入力してください"){
$("#tip").text("パスワードを入力してください!"); ();
戻り値 ;
}
$("#tip").text("");
戻り値
}

関数ログイン() {
$.ajax( {
type:"POST",
url: "login!loginValidate.action",
data:{userName:$("#username").val() ,password:$("#password ").val()},
dataType: "json",
beforeSend: function(){
showOverlay()},
成功:function(data){
if(data.success){
addCookie("userName", $("#username").val(), 0);
save(); location.href = "/index.jsp";
}else{
$("#tip").text("ユーザー名またはパスワード間違っています。もう一度ログインしてください。 ");
return false;
}

}
});
}

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート