Tutorial llmu llmu komputer dan download program gratis

jQuery - Membatasi Jumlah Karakter pada Textarea


Untuk suatu alasan kita perlu membatasi kareakter yang diinputkan oleh user atau pengunjung pada textarea. Misalnya pada shoutbox, sehingga pesannya yang muncul tidak terlalu panjang. Di bawah textarea akan ditampilkan karakter yang tersisa untuk bisa diinputkan. Lihat contoh berikut:


Maksimal 150 karakter


Source Code
<!DOCTYPE html>
<html>
<head>
<title>Limit Textarea</title>
<script src="jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
  $("#message").keyup(function(){
   if(this.value.length>150){
    this.value=this.value.substring(0,150);
   }
   $("#remaining").text("Karakter tersisa : " + (150-this.value.length));
    })
  })
</script>
</head>

<body>
<textarea cols="30" id="message" rows="8" >Tulis pesan di sini</textarea>
<p id="remaining">Maksimal 150 karakter</p>
</body>
</html>

Pertama kita cek apakah value dari textarea lebih besar dari 150, gunakan event keyup. Bila lebih maka kita ambil 150 karakter saja dengan fungsi substring(awal, jumlah). Terakhir kita tampilkan karakter tersisa pada tag p dengan id remaining.

Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : jQuery - Membatasi Jumlah Karakter pada Textarea

1 komentar:

  1. Our Affordability calculator will assist you to understand what potential purchase price you can afford. mortgage payment calculator canada People who are looking to purchase real estate in Canada might wish to know some of the leading markets. mortgage payment calculator canada

    ReplyDelete

Silahkan kirimkan komentar atau merequest tutorial...