Tutorial ini akan menjelaskan metode untuk memvalidasi kode pin dan nomor ponsel menggunakan JavaScript.
Bagaimana Cara Memvalidasi Kode Pin dan Nomor Ponsel di JavaScript?
Untuk memvalidasi kode Pin dan nomor Ponsel, gunakan “ ekspresi reguler ' dengan ' cocok() ” dalam JavaScript. Metode match() mencocokkan nilai dengan ekspresi reguler, jika dicocokkan, metode akan mengembalikan true, atau memberikan false.
Pola Regex untuk Memvalidasi Kode Pin
Kode pin biasanya berupa kode 4 digit, 5 digit, atau 6 digit. Di sini, kami akan menulis regex untuk memvalidasi kode pin 6 digit:
/^ \d { 6 } $ /
Dalam pola di atas:
- “ / ” karakter garis miring digunakan untuk merujuk pada batas ekspresi/pola reguler.
- “ ^ ” mewakili awal angka.
- “ d ” menunjukkan angka.
- “ {} ” menunjukkan batas yaitu “ 6 ”.
- “ \ ” karakter backslash adalah karakter escape.
- “ $ ” menunjukkan akhir string.
Pola Regex untuk Memvalidasi Nomor Ponsel
Penting untuk memvalidasi nomor telepon/ponsel pada formulir HTML. Nomor telepon yang valid mungkin tersedia dalam berbagai format, tergantung wilayah. Ikuti tautan untuk memeriksa berbagai regex untuk memvalidasi nomor telepon.
Di sini, kita akan membahas dua format umum yang hanya berupa angka dengan panjang 10:
/^ \d { 3 } \d { 3 } \d { 4 } $ /Regex di atas menunjukkan bahwa Anda dapat memasukkan hanya 10 digit sebagai nomor telepon tanpa pembatas seperti spasi, atau karakter khusus apa pun termasuk “ + ”, “ – ' atau ' () ”.
Contoh
Pertama mari kita desain halaman web dan kemudian gunakan JavaScript untuk memvalidasi kode pin dan nomor ponsel. Buka file HTML Anda dan rekatkan kode berikut di sana:
< nama formulir = 'membentuk' tindakan = '#' >< tipe masukan = 'teks' Indo = 'pin' placeholder = 'Masukkan PIN Anda' pelengkapan otomatis = 'mati' >< br > < br >
< tipe masukan = 'teks' Indo = 'nomor' placeholder = 'Masukkan 10 digit Nomor Handphone Anda' pelengkapan otomatis = 'mati' >< br >< br >
< jenis tombol = 'Kirimkan' onclick = 'validasi()' > Kirim tombol >
membentuk >
Dalam kode di atas:
- Pertama, buat formulir dengan tindakan “ # ” yang berarti data tidak akan dikirim ke mana pun.
- Buat dua kolom input, satu untuk kode pin dan satu lagi untuk nomor ponsel.
- Membuat ' Kirimkan ” yang akan memanggil tombol “ validasi() ” metode untuk memvalidasi kode pin dan nomor ponsel.
Halaman HTML akan terlihat seperti berikut:
Di tag