Kategori
PHP

Menghitung Karakter TextArea dalam Form dengan PHP

Studi Kasus : Membuat script untuk menghitung karakter yang tertulis dalam textarea
Kebutuhan : WebServer Package, already installed.

Mungkin kita pernah menemukan aplikasi web sms, yaitu aplikasi yang digunakan untuk mengirim sms via aplikasi web. Disini kita tidak akan membahas mengenai pemrosesan sms, namun kita akan membahas mengenai interface yang digunakan dalam mengirim sms, biasanya berbentuk textarea, yang akan memberikan batasan terhadap sejumlah karakter tertentu yang telah ditentukan (pada sms, umumnya adalah 160 karakter)
Nah. Bagaimana cara kita menghitung karakter yang tertulis dalam textarea?

Dengan Javascript.

Step 1 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorial dalam document root anda
  2. Simpan semua file dalam praktikum ini dalam folder tutorial tersebut.

Step 2 :Membuat Form Textarea

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <html><head>
    <title>Itx.Web.Id</title>
    <script type="text/javascript" src="cek_karakter.js"></script>
    </head>
    <body>
    <form name=form method=post>
    <h3> Write Your Message Here </h3>
    <textarea onKeyPress=cek_karakter(this.form); onKeyDown=cek_karakter(this.form); name=teks rows=4 cols=30></textarea>
    <br> <br>
    <input size=1 value=10 name=total>
    </form>
    </body>

    </html>
    [/sourcecode]

  2. Simpan dengan nama hitung_textarea.php

Step 3 : Membuat Javascript untuk Menghitung panjang Karakter

  1. Ketikkan script berikut,
    [sourcecode language=”javascript”]
    function cek_karakter(form) {
    maks = 10; // max character
    if (form.teks.value.length >= maks) {
    var message = "0 Character Left ! "; //alert if character limit reacher
    alert(message);
    form.teks.value = form.teks.value.substring(0, maks); //trim the textarea
    }
    else {
    form.total.value = maks – form.teks.value.length;} //count the character
    }
    [/sourcecode]
  2. Simpan dengan nama cek_karakter.js


Step 4 : Testing Code

  1. Pergi ke http://localhost/tutorial/hitung_karakter.php. Anda akan melihat form yang telah anda buat, dengan batasan karakter adalah 10 (bisa anda setting sendiri)
  2. Coba ketikkan sesuatu dalam textarea, maka counter akan mulai menghitung mundur, dan ketika batasan karakter telah dicapai, maka muncul alert seperti gambar dibawah

Oleh littleflow3r

obviously, a girl. with sweet smile, off course. turning her 21 years trapped on Informatics departement and just started to having some crush with it lately. she uses wordpress. she loves php. she loves to satisfied her shopping hobbies just via looking around in online shop. oh yeah, she got an A for her english subject^^

7 replies on “Menghitung Karakter TextArea dalam Form dengan PHP”

Right here is the right blog for anyone who really wants to
find out about this topic. You understand so much its almost tough to argue with you (not that I actually will need to…HaHa).
You definitely put a fresh spin on a subject which has been discussed for ages.

Excellent stuff, just wonderful!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.