Ada beberapa cara yang bisa kita pakai untuk menghitung jumlah kata pada textarea. Bisa dengan kode JavaScript yang disisipkan di halaman web (client-side), bisa juga dengan skrip PHP (server-side).
Bedanya, jika menggunakan cara pertama, kita bisa segera tahu berapa jumlah kata yang kita ketikkan tanpa harus menunggu men-submit form tersebut. Caranya dengan memanggil fungsi JavaScript pada event onKeyUp atau onKeyDown pada field textarea.
Apabila menggunakan cara kedua (skrip PHP), kita harus men-submit terlebih dahulu form tersebut agar bisa tahu berapa jumlah kata yang kita ketikkan. Kenapa demikian? Karena kode PHP tersebut dieksekusi di server bukan di client seperti halnya JavaScript.
Baik cara pertama maupun kedua, kita bisa memakai acuan yang sama, yaitu jumlah karakter spasinya. Dengan menghitung jumlah karakter spasi yang terdapat di textarea, kita bisa tahu berapa jumlah kata yang diketikkan.
Cara 1 (JavaScript)
<html>
<head>
<title>Menghitung jumlah kata pada textarea</title>
<script language="JavaScript">
function hitung(masukan, keluaran) {
counter = 0;
for (i = 0; i < masukan.value.length; i++) {
if (masukan.value.charAt(i) == " " &&
masukan.value.charAt(i - 1) != " ") {
counter++;
}
}
keluaran.value = counter + 1;
}
</script>
</head>
<body>
<form name="f1">
<table border="1" width="200">
<tr><td><textarea name="teks" cols="25" rows="3"
onKeyDown="hitung(this.form.teks, this.form.jml)"></textarea></td></tr>
<tr><td>Jumlah kata: <input type="text" name="jml" size="5"
value="0"></td></tr>
</table>
</form>
</body>
</html>
Cara 2 (PHP)
<?php
if ($_POST)
{
$teks = trim($_POST['teks']);
$teks = eregi_replace(" +", " ", $teks);
$jumlah_kata = count(explode(" ", $teks));
}
else
{
$teks = '';
$jumlah_kata = 0;
}
?>
<html>
<head>
<title>Menghitung jumlah kata pada textarea</title>
</head>
<body>
<form name="f1" method="post">
<table border="1" width="200">
<tr><td><textarea name="teks" cols="25" rows="3"><?=$teks?></textarea></td></tr>
<tr><td>Jumlah kata: <input type="text" name="jml" size="5"
value="<?=$jumlah_kata?>"></td></tr>
<tr><td><input type="submit" name="submit" value="Submit"></td>
</table>
</form>
</body>
</html>
Cara pertama lebih baik, karena kita bisa segera tahu berapa jumlah kata yang kita ketikkan di textarea. Kode program di atas bisa dikembangkan lagi misalnya untuk membatasi jumlah maksimal kata yang boleh diketikkan di textarea.
Tweet This 
Delicious 
Digg This 
Facebook 
MySpace 
Stumble This
.
Anton | September 17th, 2008 jam 2:36 am
Makasih mas.. Mas minta tolong dong. Apakah isi text area itu juga dihitung dalam mesin pencarian mas
Wahyu Wibowo | November 17th, 2008 jam 5:31 am
Maksudnya gimana?
Kalau dari awalnya form tersebut (textarea) ada isinya, dalam arti tidak menghendaki pengisian secara langsung oleh user, mungkin dihitung.
syahli | December 6th, 2008 jam 4:18 pm
mas klo untuk menghitung jumlah karakternya gimana yah, saya udh coba utak atik ndk bisa jugak….,makasih
Wahyu Wibowo | December 7th, 2008 jam 1:37 pm
Pakai saja fungsi strlen (php) atau length (java script)
surya | January 27th, 2010 jam 11:34 am
terima kasih banyak informasinya benar-benar berharga…..