Menginput kontak nomor telephone, pasti teman-teman pernah melakukannya, apa lagi sekarang jamanya teknologi, dimana orang-orang mempunyai sebuah kontak dengan beberapa orang di dalamnya ada saudara, teman, kerabat dan lain-lain pasti teman-teman sendiri sebelumnya menginput nama dan nomor telephonenya  bukan. tapi disini kita akan belajar membuat validasi menginput kontak nomor telephone dengan jquery, jadi kita akan membuatnya supaya nomor telephone yang dimasukan itu sesuai dengan format yang harus di input, oke jangan kemana-mana simak terus ya teman-teman.

nanti disini kita akan membuat validasi menginput kontak nomor telephone dengan jquery, dimana persyaratannya seperti ini:

  1. Dimana inputan nama dan nomor telephone tidak boleh kosong
  2. nama tidak boleh lebih dari 20 huruf.
  3. No telephone minimal harus 6 dan maksimal harus 12
  4. dan ketika user memasukan huruf di form pengisian telephone, maka akan tampil error, jadi no telephone boleh diisi dengan angka + (plus).

Disini saya menggunakan template materialize ya teman-teman supaya rapi dan bagus, Seperti judulnya saya menggunakan jquery ya teman-teman, dan sedikit sentuhan regExp untuk mencocokannya supaya form pengisian nomor telephone tidak bisa di input sembarangan. Oke bagaimana cara membuatanya seperti ini ya:

silahkan teman-teman copy kode di atas ya, supaya tau hasil dari kode di atas, oke tampilan diatas seperti ini ya:

membuat validasi menginput kontak nomor telephone dengan jquery

membuat validasi menginput kontak nomor telephone dengan jquery

bisa di lihat ya, yang atas adalah tampilan pertama masih kosong ya, dan yang bawah di mana saya belum menginputkan sebuah field tapi sudah saya klik buttonnya. jadi akan keluar teks errornya seperti itu ya, oke kurang lebih seperti itu ya teman-teman belajar tentang membuat validasi menginput kontak nomor telephone dengan jquery, dan saya harap teman-teman paham, dan sampai jumpa pada artikel selanjutnya terimakasih.

 

 

WhatsApp chat