Pemrograman

Bahasa

Framework

Peralatan

Info

Cara Mengganti Bahasa Validator HTML5 ke dalam Bahasa Indonesia

– 07 August 2016
HTML5 memiliki validator form untuk memvalidasi inputan. Misalnya, jika ada field yang masih kosong, maka validator akan membertahukan; kalau data masih kososng. Namun, bahasa yang digunakan adalah bahasa inggris. Bagaimana jika kita ingin merubahnya ke bahasa indonesia?

Fungsi Javascript

Kita membutuhkan fungsi Javascript untuk mengganti bahasa yang digunakan validator HTML5. Fungsi yang dapat digunakan berdasarkan jawaban yang saya temukan di Stack Overflow adalah setCustomValidit(). Fungsi ini kita jalankan ketika input field dalam status invalid (tidak valid). Sebelumnya kita memerlukan JQuery untuk mempermudah pemilihan elemen.
$('form input[type=text]').on('change invalid', function() {
    var textfield = $(this).get(0);
    
    // hapus dulu pesan yang sudah ada
    textfield.setCustomValidity('');
    
    if (!textfield.validity.valid) {
      textfield.setCustomValidity('Tidak boleh kosong!');  
    }
});
Kode diatas hanya menyeleksi elemen <input>. Bila dalam form terdapat elemen lain seperti <textarea>, maka perlu ditambahkan pada selector.
$('form input[type=text], form textarea').on('change invalid', function() {
    ... 
}

Demo


Referensi: Stack Overflow

No comments :

Post a Comment