Kode Javascript Untuk Menampilkan Alert Box Maksimum Karakter

Alert box merupakan pemberitahuan berupa kotak kecil yang muncul ketika ada submit yang tidak sesuai dengan tujuan alat.

Ini sangat berguna untuk Anda yang menyuguhkan aplikasi dengan karakter yang sensitif. Misalnya jika input lebih dari 100 huruf, maka hasilnya akan error dan sebagainya.

Pada artikel sebelumnya juga telah saya terbitkan tutorial terkait, yakni: MEMBATASI JUMLAH KARAKTER HURUF ANGKA PADA FORM

Pada artikel tersebut diatas, kita tidak membutuhkan javascript untuk melakukannya. Ketika pengunjung memasukkan teks lebih dari target maksimum yang kita buat, maka tombol menjadi disable dengan sendirinya.

Namun pada artikel kali ini, ada sedikit perbedaan yang pada intinya masih sama tujuan dan maksudnya.

Untuk lebih jelasnya, saya akan memperlihatkan hasil dari script ini pada bagian bawah:

Untuk mulai menerapkan pada blog Anda, simpan kode berikut ditempat yang Anda inginkan.
<script>
<!--
function KS_CekTombol(Cek){
var KS_PanjangTeks=10 //Angka 10 merupakan batas maksimal input.
if (Cek.KS_Tombol.value.length>KS_PanjangTeks){
alert("Maaf, input tidak boleh melebihi "+KS_PanjangTeks+" karakter!") //Pemberitahuan
return false
}
}
//-->
</script>

<form onsubmit="return KS_CekTombol(this)">
<textarea rows="5" cols="38" name="KS_Tombol"></textarea>
<br><input type="submit" value="Submit!">
</form>
URL

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