Pada kesempatan kali ini saya akan menjelaskan cara membuat validasi dengan pattern di input text html. Perlu teman-teman ketahui sebelumnya, Pattern adalah salah satu attribute element component input form yang dapat menentukan ekspresi reguler yang memeriksa nilai element <input> tersebut. Sebagai contoh pada kasus disini saya akan membuat input textbox hanya bisa diisi dengan angka saja dengan sebanyak 4 digit.

Apabila dimasukan nilai pada input text tersebut dengan text ataupun character maupun spasi, maka akan menampilkan error required bawaan html. Namun sebaliknya, apabila nilai pada input text tersebut terdiri dari number sebanyak 4 digit maka akan melakukan proses berdasarkan action form tersebut. Untuk contoh kodenya bisa teman-teman ikuti tahapan yang saya buat dibawah ini.

Berikut Tahapannya :

  • Sebelumnya teman-teman buat terlebih dahulu satu buah file dengan nama index.html
  • Jika sudah selanjutnya ketikan seperti kode berikut :

  • Jika sudah selanjutnya simpan terlebih dahulu file index.html tersebut dan lihat hasilnya di browser kalian

Sampai disini penjelasan saya mengenai cara membuat validasi dengan pattern di input text html, semoga bermanfaat.