Atribut pattern

Atribut pattern menetapkan pengesahan medan input borang HTML menggunakan ungkapan biasa.

Ungkapan biasa ialah perintah khas yang membenarkan penciptaan hampir sebarang peraturan pengesahan. Untuk maklumat lanjut mengenainya, anda boleh berkenalan dalam buku mengenai ungkapan biasa PHP atau dalam buku mengenai ungkapan biasa JavaScript.

Apabila cuba menghantar borang dalam kes di mana medan dengan atribut ini tidak diisi - pelayar tidak akan membenarkan penghantaran borang dan akan memaparkan ralat dalam bentuk tooltip timbul. Malangnya, teks ralat dan rupanya tidak boleh diubah menggunakan HTML atau CSS.

Perlu diingat bahawa kewujudan atribut pattern tidak membebaskan anda daripada pengesahan ketepatan pengisian borang dari sisi pelayan pada PHP (kerana perlindungan melalui atribut mudah dipintas).

Atribut pattern hendaklah digunakan pada tag input atau textarea.

Contoh

Mari kita rujuk kepada tag input dan tambahkan atribut pattern, di mana kita akan letakkan ungkapan biasa yang mengesahkan bahawa dalam input dimasukkan nombor dengan dua digit (contohnya, 25).

Masukkan sebarang nombor dan cuba tekan butang untuk menghantar borang. Jika nombor yang dimasukkan bukan terdiri daripada dua digit, maka pelayar tidak akan membenarkan penghantaran borang dan akan memaparkan mesej ralat, sebaliknya borang akan dihantar:

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

Contoh . Medan Kosong

Dalam contoh sebelumnya, pelayar memaparkan ralat hanya dalam kes di mana medan tidak kosong (walaupun medan kosong bukanlah nombor dengan dua digit). Mari kita cuba menjadikan ralat dipaparkan juga untuk medan kosong - bersama-sama dengan atribut pattern tulis juga atribut required:

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

Lihat juga

atribut required,
yang boleh digunakan untuk membuat pengesahan kekosongan