Sahkan medan kata laluan perlu disertakan semasa membuat borang dalam talian yang meminta pengguna menetapkan kata laluan. Medan kata laluan menyembunyikan input pengguna secara lalai menjadikannya perlu mempunyai beberapa jenis mekanisme yang membolehkan pengguna mengesahkan bahawa mereka telah menulis kata laluan yang betul tanpa membuat sebarang kesilapan menaip. Medan sahkan kata laluan menggesa pengguna untuk menyemak semula kata laluan mereka jika mereka tersalah taip mana-mana aksara dan kata laluan serta medan mengesahkan kata laluan tidak sepadan.
Dalam siaran ini matlamat kami adalah untuk membuat borang HTML yang sepadan dengan input pengguna dalam Kata laluan dan Sahkan Kata Laluan medan untuk mengesahkan sama ada pengguna telah menaip kata laluan yang betul atau telah membuat sebarang kesilapan menaip.
Langkah 1: Borang HTML
Langkah pertama ialah membuat borang HTML yang mengambil input pengguna:
< pusat >
< h2 > Petunjuk Linux h2 >
< bentuk >
< hlm > Masukkan kata laluan hlm >
< input menaip = 'kata laluan' ID = 'lulus' > < br >< br >
< hlm > Sahkan Kata Laluan hlm >
< input menaip = 'kata laluan' ID = 'confirmpass' > < br >< br >
< butang menaip = 'serahkan' onclick = 'pengesahan kata laluan()' > Log dalam butang >
bentuk >
pusat >
Kami telah mencipta borang HTML mudah yang mempunyai dua medan input kata laluan jenis dan butang Log Masuk yang memanggil pengesahan kata laluan() berfungsi apabila ia diklik.
Langkah 2: Pengesahan Borang JavaScript
Sekarang kita akan menulis kod JavaScript di dalam pengesahan kata laluan() fungsi yang mengesahkan kata laluan:
fungsi pengesahan kata laluan ( ) {
var kata laluan = document.getElementById ( 'lulus' ) .nilai;
var confirmPassword = document.getElementById ( 'confirmpass' ) .nilai;
jika ( kata laluan == '' ) {
amaran ( 'Ralat: Medan kata laluan adalah Kosong.' ) ;
} lain jika ( kata laluan == confirmKata laluan ) {
amaran ( 'Log masuk' ) ;
} lain {
amaran ( 'Sila pastikan kata laluan anda sepadan.' )
}
}
Di dalam pengesahan kata laluan() fungsi kita mula-mula mendapatkan nilai kata laluan dan mengesahkan medan kata laluan dan menyimpannya di dalam pembolehubah. Kami kemudian menggunakan pernyataan bersyarat untuk menyemak kes yang berbeza.
Kes 1: Medan kata laluan kosong
Syarat pertama menyemak sama ada medan kata laluan kosong. Kami menggesa pengguna untuk menaip kata laluan jika medan kosong:
Kes 2: Kata laluan sepadan
Sekiranya kata laluan sepadan, pengguna berjaya log masuk:
Kes 3: Kata laluan tidak sepadan
Jika kata laluan tidak sepadan, kami meminta pengguna menaip semula kata laluan dan pastikan kata laluan itu sepadan:
Kod JavaScript dan HTML bersama kelihatan seperti ini:
< html >
< badan >
< pusat >
< h2 > Petunjuk Linux h2 >
< bentuk >
< hlm > Masukkan kata laluan hlm >
< input menaip = 'kata laluan' ID = 'lulus' > < br >< br >
< hlm > Sahkan Kata Laluan hlm >
< input menaip = 'kata laluan' ID = 'confirmpass' > < br >< br >
< butang menaip = 'serahkan' onclick = 'pengesahan kata laluan()' > Log dalam butang >
bentuk >
pusat >
badan >
< skrip >
fungsi pengesahan kata laluan ( ) {
var kata laluan = document.getElementById ( 'lulus' ) .nilai;
var confirmPassword = document.getElementById ( 'confirmpass' ) .nilai;
jika ( kata laluan == '' ) {
amaran ( 'Ralat: Medan kata laluan adalah Kosong.' ) ;
} lain jika ( kata laluan == confirmKata laluan ) {
amaran ( 'Log masuk' ) ;
} lain {
amaran ( 'Sila pastikan kata laluan anda sepadan.' )
}
}
skrip >
html >
Kesimpulan
Manusia selalunya boleh melakukan kesilapan tetapi itu tidak seharusnya menghalang mereka daripada log masuk ke akaun mereka. Walaupun kesilapan kecil dalam memasukkan kata laluan boleh menyekat akses pengguna ke akaun mereka. Jadi, adalah idea yang baik untuk menyemak semula kata laluan pengguna untuk mengesahkan mereka telah memasukkan kata laluan yang betul.