Validasi Form mudah dengan jQuery

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

bismillaahirrahmaanirrahiim

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Assalamu'alaikum warahmatullahi wabarakatuh

Validasi merupakan hal yang harus perlu dimiliki oleh sebuah Aplikasi yang baik, namun terkadang seorang developer kesuiltan dalam membuat validasi sebuah inputan dalam form. Dalam tutorial kali ini penulis akan memberikan "jurus" mudah untuk memvalidasi sebuah form hanya menggunakan plugin dari jQuery.

contoh source code :

<!--  load file jquery  -->
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

<!-- load file plugin jquery validation -->
<script type='text/javascript' src='validasi.js'></script>

<form id="formku">

    Nama : <input name="username" class="required"><br>

    Umur : <input name="umur" class="required number"><br>

<input type="submit" value="Simpan">

</form>

<script>
// code jquery unutk validasi form berdasarkan id
$('#formku').validate();
</script>

Penjelasan :

 $('#formku').validate(); adalah code jQuery unutk memvalidasi form berdasarkan id formnya, jadi from harus diberi id ataupun class juga bisa namun code untuk validasinya tinggal mengganti #(pagar) menjadi .(titik)

selanjutnya yang harus diperhatikan adalah pemberian atribut class pada inputan dengan asumsi sbb :

1. class = "required" adalah inputan harus diisi.
2. class = "number" adalah inputan harus berupa angka.
3. class = "email" adalah inputan harus berupa email yang valid.

Untuk lainnya silahkan googling karena bisa dijadikan banyak fungsi validasi.

tambahkan script css untuk mempercantik pesan kesalahan :

form label.error{

display:inline;font:10px Tahoma,sans-serif;color:#ED7476;margin-left:5px

}
form input.error,form input.error:hover,form input.error:focus,form select.error,form textarea.error{

border:1px solid #ED7476;background:#FFEDED

}

untuk file lengkapnya bisa di download disini

Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com NB :: Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code, membeli hardware elektronika untuk kepentingan Perusahaan maupun Tugas Akhir (TA/SKRIPSI), Insyaallah Saya siap membantu, untuk Respon Cepat dapat menghubungi kami, melalui :

No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com

atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Alhamdulilah hirobil alamin

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

wassalamualaikum warahmatullahi wabarakatuh

Artikel Validasi Form mudah dengan jQuery, Diterbitkan oleh sourcecodeaplikasi1 pada Selasa, 14 April 2015. Semoga artikel ini dapat menambah wawasan Anda. Website ini dipost dari beberapa sumber, bisa cek disini sumber, Sobat diperbolehkan mengcopy paste / menyebar luaskan artikel ini, karena segala yang dipost di public adalah milik public. Bila Sobat tertarik Ingin membuat software, membeli software, membeli source code ,Dengan Cara menghubungi saya Ke Email: Fajarudinsidik@gmail.com, atau No Hp/WA : (fajar) : 085369237896, (puat) : 085267792168.