kaedah jquery.cookie.js untuk melaksanakan log masuk pengguna dan menyimpan kata laluan function_jquery

Contoh dalam artikel ini menerangkan cara jquery.cookie.js melaksanakan fungsi menyimpan kata laluan untuk log masuk pengguna. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Js yang perlu diimport ialah jquery.js dan jquery.cookie.js

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

Apabila halaman dimuatkan, mula-mula cuba dapatkan nilai kuki Jika kuki itu mempunyai nilai, isikan nilai yang diperoleh ke dalam kotak input dan pilih kotak semak untuk menyimpan kata laluan

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

Tentukan sama ada kotak semak simpan kata laluan dipilih semasa log masuk. Jika ia dipilih, buat kuki (tempoh sah boleh ditentukan sendiri. Kuki di bawah sah selama 7 hari Jika ia tidak dipilih, padamkan). kuki tersebut (kerana ia mungkin telah disimpan kali terakhir).
Beri perhatian khusus kepada operasi memadam kuki Banyak artikel di Internet menggunakan kaedah $.cookie('username',null), tetapi ia tidak berfungsi apabila saya menggunakan kaedah ini setiap kali saya log masuk semula. Saya cuba menggunakan $.cookie ('nama pengguna','') masih menghadapi masalah, program menjadi tidak dapat menyimpan kata laluan.

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

Kotak pilihan Simpan kata laluan pada halaman log masuk

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

PS: Di sini kami mengesyorkan alat pemampatan, pemformatan dan penyulitan JavaScript yang sangat mudah digunakan, yang sangat berkuasa (bagi mereka yang ingin menyulitkan kod mereka, anda mungkin mahu mencubanya Cuba fungsi penyulitan js di sini):

Alat pemampatan/pemformatan/penyulitan JavaScript: http://tools.jb51.net/code/jscompress

Selain itu, penyulitan dalam alat js di atas menggunakan borang penyulitan fungsi eval Untuk ini, tapak ini juga menyediakan alat penyahsulitan berikut untuk penyulitan fungsi eval, yang sangat berkuasa dan praktikal.

Alat penyulitan dan penyahsulitan kaedah JS eval: http://tools.jb51.net/password/evalencode

Pembaca yang berminat dengan lebih banyak kandungan berkaitan jQuery boleh menyemak topik khas di tapak ini: "Ringkasan kemahiran operasi kuki JQuery", "ringkasan kemahiran operasi jadual (jadual) jQuery" , "Ringkasan kesan dan teknik seret jQuery", "Ringkasan teknik sambungan jQuery", "Ringkasan kesan khas klasik biasa jQuery", "ringkasan penggunaan jQuery dan ringkasan penggunaan kesan khas", "ringkasan penggunaan pemilih jquery" dan "ringkasan pemalam dan penggunaan biasa jQuery"

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.