Membuat Validasi Sederhana Form Number dengan JavaScript dan PHP di Webserver Apache


Assalamualaikum Wr.Wb...
dengan diberikan nikmat dan rezeki dari Allah SWT, saya Mr.Gagaltotal666 akan
berbagi kepada anda yaitu tentang cara Membuat Validasi Sederhana
Form Number dengan JavaScript dan PHP di Webserver Apache.

membuat sederhana validasi form number dengan javascript
contoh front end nya sebagai berikut


oke langsung saja sebagai berikut

back to tools Text editor your code

dicontoh kali ini saya menggunakan text editor atom
dan disini saya menggunakan Framework PHP yaitu Codeigniter 3.11

sedang membuat form profile user
di profile tersebut ada untuk mengisi/menginput nomor telepon/nomor handphone
karena di tag html5 format number itu hanya bisa beberapa browser saja
dan akhir nya saya membuat dengan javascript

contoh isi code number javascript sederhana

<script>
  function hanyaAngka(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57 ))

    return false;
     return true;
  }
</script>


dari contoh code javascript diatas

function hanyaAngka(evt) > ini membuat fungsi javascript yang dimana
akan di panggil melalui form

var charCode = evt.which : event.keyCode > variabel dan membuat inputan key
berupa isi type data char...

dan jangan lupa untuk dibagian return di kasih false dan true.

kalau sudah membuat fungsi javascript nya,
kita tinggal panggil dengan menggunakan onkeypress di form
contoh sebagai berikut

onkeypress="return hanyaAngka(event)"


dan coba di browser google chrome dan firefox
done...

kalau masih tidak mengerti saya sudah menyiapkan video nya
contoh video nya sebagai berikut


oke sekian mengenai membuat validasi
sederhana form number dengan javascript

sekian dan semoga bermanfaat...

Wasalamualaikum Wr.Wb...

Post a Comment

0 Comments