Cara Lain Memfilter Huruf dan Angka di Textfield Html Dengan Javascript

Beberapa waktu yang lalu pernah share tentang cara Filter Angka Dengan Javascript Pada Textfield. Ternyata ada cara lain yang menurut saya jauh lebih mudah dan manusiawi terhadap end user. Nah saya akan share script nya disini :

Filter Huruf

  1. Buat dulu textfieldnya seperti ini
    <input class=”form-control ” id=”nama” name=”nama” onkeypress=”return huruf(event)” minlength=”2″ type=”text” required />
  2. Buat javascript di bagian bawah setelah body seperti ini
    <script>
    function huruf(evt)
    {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if ((charCode < 65) || (charCode == 32))
    return false;
    return true;
    }
    </script>

FILTER ANGKA

  1. Buat dulu textfieldnya seperti ini
    <input class=”form-control ” id=”nama” name=”nama” onkeypress=”return angka(event)” minlength=”2″ type=”text” required />
  2. Buat javascript di bagian bawah setelah body seperti ini
    <script>
    function angka(evt)
    {
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 65)
    return false;

    return true;
    }
    </script>

2 Comments

Add a Comment

Your email address will not be published. Required fields are marked *