Form Input Validasi tanpa javascript di HTML

Beberapa validasi pada form html menggunakan javascript untuk interaksinya. Tapi apakah anda tahu bahwa hanya dengan HTML attribute saja bisa membuat form validasi ?

Untuk membuat validasi di html, anda dapat menggunakan attribute pattern. dengan anttribute pattern anda dapat mendefinisikan format form menggunakan regex. berikut contoh menggunakan pattern attribute di html :

<input type="text" pattern="[0-9]{3}"/>

Mudah bukan?. maksud pattern di atas adalah user hanya bisa memasukan format number dan maksimal minimal pengisian 3 angka di dalam form walau type dari form adalah text. Untuk menambah deskripsi pattern, anda dapat menggunkan attribute title bersamaan dengan pattern. Contoh berada di bawah:

<input type="text" pattern="[0-9]{3} title="harus menginputkan huruf dan masikan 3 huruf"/>

Pattern tidak hanya support type text saja, tapi juga support text, tel, email, url, password dan search.

Untuk dapat melengkapi cara penggunaan pattern, anda harus mendefinisikan format menggunakan regex. anda dapat belajar regex di link ini;