Selamat berjumpa lagi, Baik, langsung
saja kali ini kita akan bereksperimen lagi dengan kode-kode JavaScript,
masih berhubungan dengan form yaitu membuat sebuah script untuk
membatasi jumlah karakter input form. Yang mana nantinya script ini akan
berguna apabila kita mempunyai suatu form input seperti biografi
singkat (about me) dari user misalnya dan kita menginginkan maksimal
jumlah karakter yang diperbolehkan.
Berikut adalah scriptnya:
Kode ini diletakkan antara tag <head> dan </head>
Cara menggunakanya:
Saya ambil contoh misalnya kita mempunyai sebuah form input seperti dibawah ini :
Jadi apabila user menulis jumlah deskripsi lebih dari 50 karakter,
maka form akan menampilkan peringatan alert box “”Mohon jumlah deskripsi
jangan melebihi 50 karakter!”. Lihat contoh demonstrasi disini
Berikut adalah scriptnya:
Kode ini diletakkan antara tag <head> dan </head>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <script> <!-- function checkchars(cur){ //Tentukan jumlah maskimum karakter yang di inginkan disini var maxlength=50 if (cur.chars.value.length>maxlength){ alert( "Mohon jumlah deskripsi jangan melebihi 50 karakter!" ) return false } } //--> </script> |
Saya ambil contoh misalnya kita mempunyai sebuah form input seperti dibawah ini :
1
2
3
4
| < form onsubmit = "return checkchars(this)" > < strong >Ceritakan deskripsi singkat tentang diri anda, maksimal 50 karakter:</ strong >< br >< textarea rows = "5" cols = "38" name = "chars" ></ textarea > < br >< input type = "submit" value = "Submit!" > </ form > |
terimakasih, sangat berguna sekali buat saya.
BalasHapustapi ini hanya akan tampil jika telah diKLIK.
Untuk otomatis menyetop tombol ketika melewati batas maksimal, gunakan cara ini : http://www.kangsigit.com/2014/08/membatasi-jumlah-karakter-huruf-angka.html