Dengan populariti Internet, semakin banyak laman web dan aplikasi mudah alih memerlukan pengguna memberikan maklumat akaun dan kata laluan semasa mendaftar dan log masuk. Ini telah menjadi tidak dapat dielakkan dalam kehidupan seharian. Perlindungan keselamatan nombor akaun dan kata laluan telah menjadi keutamaan. Untuk tujuan ini, banyak laman web dan aplikasi mudah alih telah menggunakan pelbagai cara untuk meningkatkan keselamatan nombor akaun dan kata laluan. Antaranya, menggunakan pemalam jQuery untuk pengesahan akaun dan kata laluan adalah kaedah yang agak biasa.
jQuery ialah perpustakaan JavaScript yang pantas, kecil dan kaya dengan ciri. Ia boleh memudahkan operasi seperti traversal dokumen HTML, pemprosesan acara, reka bentuk animasi, dan interaksi AJAX dalam pembangunan web. Untuk pengesahan akaun dan kata laluan, jQuery menyediakan pelbagai kaedah dan pemalam. Berikut akan memperkenalkan secara ringkas cara menggunakan jQuery untuk melaksanakan fungsi pengesahan akaun dan kata laluan.
1. Pengenalan pemalam pengesahan jQuery
Sebelum menggunakan pemalam pengesahan jQuery, kami perlu memperkenalkan pustaka jQuery dan pemalam pengesahan jQuery. Kaedah khusus adalah seperti berikut:
1 Muat turun pustaka jQuery, dan kemudian memperkenalkannya di kepala dokumen HTML:
2 Muat turun pemalam pengesahan jQuery, dan kemudian perkenalkannya dalam kepala dokumen HTML:
Pas Dengan kaedah pengenalan di atas, kami boleh menggunakan pemalam pengesahan jQuery dalam dokumen HTML.
2. Penggunaan pemalam pengesahan jQuery
Untuk menggunakan pemalam pengesahan jQuery, kami perlu menambah beberapa elemen dan atribut HTML tertentu pada borang. Berikut ialah contoh borang:
Dalam borang di atas, kami menggunakan elemen untuk mendapatkan data yang dimasukkan oleh pengguna. Untuk kotak input akaun dan kata laluan, kami telah menambahkan atribut yang diperlukan untuk menjadikannya diperlukan. Pada masa yang sama, untuk kotak input kata laluan, kami juga menetapkan panjang input minimum 6 aksara. Elemen dan atribut HTML ini membenarkan pemalam pengesahan jQuery untuk mengesahkan nombor akaun dan kata laluan dengan betul.
Seterusnya, perkenalkan pemalam pengesahan jQuery dalam kod JavaScript dan panggilnya dengan cara berikut:
$(document).ready(function(){
$("#myForm " ).validate();
});
Selepas berlari, kita boleh nampak kesannya. Jika pengguna tidak memasukkan nama, alamat e-mel atau kata laluan mereka, pengguna akan diminta untuk mengisi maklumat ini. Jika kata laluan kurang daripada 6 aksara panjang, pengguna juga akan digesa untuk menukar kata laluan untuk memenuhi keperluan panjang minimum.
3. Kaedah tersuai pemalam pengesahan jQuery
Pemalam pengesahan jQuery juga menyediakan beberapa kaedah tersuai yang membolehkan kami mengesahkan akaun dan kata laluan dengan lebih fleksibel. Sebagai contoh, kadangkala kita perlu mengesahkan kerumitan kata laluan untuk memastikan keselamatan kata laluan. Kita boleh melakukan ini melalui kaedah tersuai.
Berikut ialah contoh kod untuk menyesuaikan pengesahan kekuatan kata laluan:
$.validator.addMethod("pwstrength", function(value, element) {
var pwRegex = /^ ( ?=.[a-z])(?=.[A-Z])(?=.*d)[^]{8,}$/;
kembalikan pwRegex.test(value); 🎜> }, "Kekuatan kata laluan tidak mencukupi");
