Bagaimana untuk menentukan sama ada kata laluan akaun salah dengan jquery

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:

Name



mail



password



Submit

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

Pertama, kami mentakrifkan kaedah tersuai bernama pwstrength, yang boleh mengesahkan bahawa nilai kotak input tidak memenuhi keperluan kekuatan kata laluan. Dalam pelaksanaan kaedah pengesahan ini, kami menggunakan ungkapan biasa untuk menyemak kerumitan kata laluan. Jika kerumitan tidak mencukupi, kembalikan palsu, sebaliknya kembalikan benar. Akhir sekali, kami juga menentukan mesej segera apabila pengesahan gagal.

Kemudian, dalam borang, kita boleh menggunakan kaedah pengesahan tersuai seperti ini:

kata laluan