menghitung sisa karakter textarea dengan javascript


kali ini kita membuat script yang akan menghitung sisa / jatah karakter yang dapat di inputkan pada sebuah textarea

problem utamanya adalah karakter enter dimana karakter ini dibaca 2 oleh browser

ok terimaksih buat

http://stackoverflow.com/questions/10030921/chrome-counts-characters-wrong-in-textarea-with-maxlength-attribute?lq=1

akire nemu buat ngatasin ketikan enternya,sebenarnya ada juga disini http://www.codefromjames.com/wordpress/?p=15

tapi susah dimengerti kodenya (sori agak noob gua hehehe)dan masih ada jeda / range

waktu untuk memunculkan hasilnya ketika diketik

file lengkapnya,simpan dengan nama sisakarakter.html disini saya memakai batas 148 jika ingin lebih / kurang nilai ganti semua nilai 148

dengan nilai yang anda inginkan

<html>

<head>
<script Language="JavaScript">
function textCounter(field,cntfield,maxlimit,f) {

var addition = 0;
 var newLines=f.value.match(/(\r\n|\n|\r)/g);
 if (newLines != null) {
 addition = newLines.length;
 }
 cntfield.value = (maxlimit - field.value.length) - addition;

}
</script>
</head>

<body>

<form id="sms_id" method="post" name="sms" >

<textarea style="display:inline;font-size: 14pt;" name="pesan" wrap="off"
 rows="10" maxlength="148" cols="40"
onKeyDown="textCounter(document.sms.pesan,document.sms.maks,148,this)"
onKeyUp="textCounter(document.sms.pesan,document.sms.maks,148,this)" ></textarea>
<input name="maks" type="text" id="batas" size="4" value="148" readonly/> Char
</form>
</body>
</html>

semoga berguna 🙂

referensi

http://stackoverflow.com/questions/10030921/chrome-counts-characters-wrong-in-textarea-with-maxlength-attribute?lq=1

Iklan

Satu Tanggapan to “menghitung sisa karakter textarea dengan javascript”

  1. Johnd486 Says:

    Regards for helping out, superb information. bebcgdeeebec


tinggalkan pesan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: