Atribut pattern

Atribut pattern menetapkan pemeriksaan bidang input form HTML berdasarkan ekspresi reguler.

Ekspresi reguler adalah perintah khusus yang memungkinkan untuk membuat aturan pemeriksaan hampir semua jenis. Lebih detail tentang hal ini dapat Anda pelajari di buku tentang ekspresi reguler PHP atau di buku tentang ekspresi reguler JavaScript.

Saat mencoba mengirim form, jika bidang dengan atribut ini tidak diisi - browser tidak akan mengizinkan pengiriman form dan akan menampilkan kesalahan dalam bentuk tooltip yang muncul. Sayangnya, teks kesalahan dan tampilannya tidak dapat diubah menggunakan HTML atau CSS.

Perlu diingat, bahwa keberadaan atribut pattern tidak membebaskan Anda dari pemeriksaan kebenaran pengisian form dari sisi server menggunakan PHP (karena perlindungan melalui atribut ini mudah untuk dihindari).

Atribut pattern harus diterapkan pada tag input atau textarea.

Contoh

Mari kita lihat tag input dan tambahkan atribut pattern, di mana kita akan meletakkan ekspresi reguler yang memeriksa bahwa input telah diisi dengan angka dua digit (misalnya, 25).

Masukkan angka apa saja dan coba tekan tombol untuk mengirim form. Jika angka yang dimasukkan bukan dua digit, maka browser tidak akan mengizinkan pengiriman form dan akan menampilkan pesan kesalahan, sebaliknya form akan terkirim:

<form action="">
	<input type="text" pattern="\d{2}">
	<input type="submit">
</form>

Contoh . Bidang Kosong

Pada contoh sebelumnya, browser hanya menampilkan kesalahan jika bidang tidak kosong (meskipun bidang kosong bukanlah angka dengan dua digit). Mari kita coba agar kesalahan juga ditampilkan untuk bidang kosong - bersama dengan atribut pattern tambahkan juga atribut required:

<form action="">
	<input type="text" pattern="\d{2}" required>
	<input type="submit">
</form>

Lihat Juga

atribut required,
yang dapat digunakan untuk melakukan pemeriksaan kekosongan