Sunday, July 28, 2019

Mengganti Kalimat Please Fill Out This Field Menjadi Kalimat Sendiri Pada Atribute Required di HTML Dengan Mudah

Artikel kali ini akan membahas tentang cara mengganti kalimat Please Fill Out This Field pada validasi required di html. Semisal kita ingin mengganti Please Fill Out This Field menjadi “Data Tidak Boleh Kosong Bro..” atau mengganti Please Fill Out This Field menjadi “Ini Wajib Di isi Bro” dan lain sebagainy, yang mana kalimatnya bisa kita improvisasi sendiri agar lebih menarik.

Pengertian Please Fill Out This Field

Please Fill Out This Field artinya “silahkan isi bidang ini” atau "silahkan isi bagian ini”, mengganti Please Fill Out This Field menjadi bahasa Indonesia atau Please Fill Out This Field menjadi kata-kata sendiri agar lebih menarik dan lebih tepat lagi pesan yang akan disampaikan kepada pengguna atau user nantinya.

Mengenal Lebih Jauh Please Fill Out This Field


Kalimat Please Fill Out This Field adalah bahasa validator default dari html sendiri, kalau tidak salah adalah bahasa html 5. Yang mana semua form yang menggunakan validator attribute required khususnya pada input type text dan password akan mendapatkan pesan yang sama yaitu Please Fill Out This Field apabila melakukan submit namun masih kosong.

Tentu dalam hal ini, tidak semua orang mengerti akan bahasa validasi required default, dan cendrung tidak tepat isi dari kalimatnya. Untuk itu kita lebih baik mengganti Please Fill Out This Field menjadi bahasa kita sendiri yang lebih dekat terhadap user nantinya.

Script Mengganti Please Fill Out This Field

Penulisan Umum untuk menggunakan attribute validasi required adalah sebagai berikut ini

<input type="text" name="username" required>

Dengan bentuk yang seperti diatas sudah bisa menghasilkan pesan apabila tidak diisi atau masih kosong. Namun bahasa validasinya masih Please Fill Out This Field, maka kita rubah menjadi 

<input type="text" name="username" required oninvalid="this.setCustomValidity(‘Gak Boleh Kosong Bro..')" oninput="setCustomValidity('')">

Nah, ketika textfield masih kosong dan dilakukan submit, makan bukan Please Fill Out This Field lagi yang akan terlihat pada pesan validasi, namun sudah menjadi “Gak Boleh Kosong Bro..”.

Kamu bisa memberikan kalimat lainnya untuk menyesuaikan dengan konteks dari input yang ada, semisal “Username Tidak Boleh Kosong” atau “Password tidak boleh kosong” dan lain sebagainya

Sebagai contoh mengganti Please Fill Out This Field menjadi bahasa sendiri, saya berikan form sederhana dibawah ini.


<!DOCTYPE html>

<html lang="eng">
<head>
 <title>Mengganti Please Fill Out This Field
 </title>
</head>
<body>
<form>
 Username : <input type="text" name="username" required oninvalid="this.setCustomValidity('Masukkan Username Bro..')" oninput="setCustomValidity('')"><br>
 Password : <input type="password" name="password" required oninvalid="this.setCustomValidity('Masukkan Password Bro')" oninput="setCustomValidity('')"><br>
 <input type="submit" name="submit" value="submit" >
</form>
</body>
</html>
Sehingga hasilnya akan seperti berikut ini 


Cara Merubah  Please Fill Out This Field menjad kalimat sendiri dan mengganti  Please Fill Out This Field menjadi bahasa sendiri
Gambar Merubah Kalimat Please Fill Out This Field

merubah kata  Please Fill Out This Field menjadi kata sendiri dan menjadi bahasa indonesia atau kalimat sendiri sesuka hati kita dengan script berikut ini
Gambar Mengganti Kalimat  Please Fill Out This Field



Jadi kamu bisa mengganti Please Fill Out This Field menjadi bahasa Indonesia atau bahasa lain, atau lebih halusnya adalah bahasa kamu sendiri. Sehingga akan terlihat lebih baik dan mudah dimengerti pesan yang di sampaikan dari pesan validasi required.

Semoga artikel tentang pengertian Please Fill Out This Field dan fungsi Please Fill Out This Field serta cara mengganti Please Fill Out This Field menjadi bahasa sendiri ini berguna dan dapat membantu.


EmoticonEmoticon