Validasi Form Input Kosong Dengan Menggunakan HTML5 | Tanpa Jquery

Validasi pada sebuah form memang sangat dibutuhkan, terutama validasi form ketika user tidak mengisi atau mengosongkan inputan. Hal ini berguna agar data yang dimasukkan ke website kita lengkap.

Nah, cara memberi validasi dengan HTML5 sangat gampang. Tinggal menambahkan kata
"required" (tanpa tanda petik) ke dalam tag input kita.

Selain tag input, skrip ini juga bisa diletakkan di tag textarea ataupun select.

Contoh skripnya :

Untuk tag input, <input type="text" name="input1" id="input1" required />

Untuk tag texarea :

<textarea name="textarea1" id="textarea1" required></textarea>

Untuk tag select :
<select name="select1" id="select1" required>
     <option value="value1">Value 1</option>
    <option value="value2">Value 2</option>
</select>

Kelemahan  HTML5 adalah saat web kita dibuka di browser yang tidak up to date. Artinya, HTML5 tidak bisa berjalan di browser-browser yang boleh dikatakan jadul. Maka dari itu, sebisa mungkin update browser Anda agar skrip berjalan lancar.

~Semoga Bermanfaat~

1 komentar:

Andi Sholihin mengatakan...

keren tutorialnya, ilmu baru buat ane :D