Cara Membuat Required Email dengan Bahasa Sendiri

Mumpung masih ingat, akan saya bagikan kepada Anda cara membuat peringatan atau pemberitahuan jika pada form input ada kesalahan penulisan. Misalnya tidak menggunakan @ atau bahkan malah tidak menuliskan apa-apa tapi langsung klik Submit.

Nah, untuk trik kali ini saya (www.kangsigit.com) menggunakan tambahan javascript untuk mempercantik tampilan Required.

Padahal sebenarnya Anda bisa hanya menggunakan required="required" yang dimasukkan langsung kedalam HTML.
<input type="text" required="required"/>
Anda juga dapat menggunakan Title pada Required langsung pada HTML.
<input type="text" required title="Pemberitahuan disini"/>

Namun masalahnya nanti pemberitahuannya akan menjadi bahasa Inggris.

Jika bidang isian kosong menghasilkan: Please fill out this field
Sedangkan jika ada kesalahan penulisan akan menghasilkan: Please include an '@' in the email address, 'th' is missing an '@'.

Nah, dengan adanya penambahan javascript ini dapat merubah language warning email.

Untuk melihat contohnya bisa dengan memasukkan Email Anda ke Subscribe saya di Sidebar.

HTML
<form action="http://www.kangsigit.com">

<input placeholder="anda@situs.com" oninvalid="emailSalah(this);" name="email" oninput="emailSalah(this);"  type="email" required="required"/>

<input type="submit" value="Submit"/>
</form>

JAVASCRIPT
<script>
//Setting Email for work
//Author: www.kangsigit.com
function emailSalah(textbox) {
 
    if (textbox.value == '') {
        textbox.setCustomValidity('Bidang ini adalah wajib!!');
    }
    else if(textbox.validity.typeMismatch){
        textbox.setCustomValidity('Email yang Anda masukkan salah. Gunakan "@ " dan " . "');
    }
    else {
        textbox.setCustomValidity('');
    }
    return true;
}
</script>
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini