Jquery

Validasi form dengan Jquery dan Bootstrap

Validasi form dengan Jquery dan Bootstrap

Validasi form dengan Jquery dan Bootstrap

Assalamualikum wr.wb. Alhamdulillah saya masih bisa menulis lagi disini. Walaupun leher masih agak berasa kaku.:). Kali ini saya akan berbagi source code tentang form validasi yang sempat saya pakai di salah satu website yang di built dengan php. Sejujurnya validasi dengan php atau vasilitas di framework seperti CI/laravel sudah cukup untuk menjaga dari serangan. Alasan saya menambahkan validasi dengan jQuery agar bisa memfilter kesalahan input lebih awal dari sisi client side agar tidak langsung mengirim ke server side.

Sebenernya banyak cara untuk membuat validasi, banyak plugin juga yang telah tersedia di internet. Ada yang berbayar seperti formvalidasi.io atau yang versi free seperti di github 1000hz. Namun berhubung saya agak males baca documentasi dan pengen costumize sesui keinginan saya sendiri, Akhirnya saya memutuskan untuk menggabungkan jquery validasi dengan fitur CSS-nya Bootstrap.

Pada kasus ini saya tidak menggunakan validasi warna hijau jika user sudah benar menginput, Namun saya memuputuskan untuk menghilangkan fasilitas ini. Boleh di bilang saya terinpirasi form validasi pendaftaran GMAIL yang memberi feedback warna merah jika user salah menginput data.

Baik langsung saya bisa di coba untuk download source code di https://github.com/rizqipermana/01.validasijquery

Note : Tidak perlu setting, Langsung di jalankan saja.

Semoga bisa membantu

 

One comment

  • March 10, 2017 - 2:29 am | Permalink

    terima kasih gan sangat membantu untuk skripsi berbasis web saya..

  • Leave a Reply

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

    error: Content is protected !!
    Powered by: Wordpress