Artikel, Bootstrap

A simple and user-friendly Form Validator plugin for Bootstrap 3

The Validator plugin offers automatic form validation configurable via mostly HTML5 standard attributes. It also provides an unobtrusive user experience, because nobody likes a naggy form.

Features

  • Configurable via data-api and standard HTML5 attributes
  • Patient to inform user of errors and eager to let them know the errors have been resolved
  • Submit is disabled until the form is valid and all required fields are complete
  • Customizable error messages

Diantara sekian banyak plugin yang bisa temukan di jagat Internet, ini merupakan plugin sederhana dan mudah untuk digunakan apalagi untuk pemula. Plugin bisa digunakan hanya dengan memanggil javascript dan langsung jalan. Yaps, so Simple. Berikut sedikit cara penggunaannya :

1. Pastikan anda telah link dengan semua source bootstrap 3.
2. Panggil validator.js sebelum baris <head>
3. Ya, buatlah sebuah Form yang ingin anda validasi dan tambahkan perintah data-toggle=”validator” pada form.

<form data-toggle="validator" role="form">

4. Semua input yang ingin anda validasi cukup tambahkan perintah required.

<input type="text" class="form-control" id="inputName" placeholder="Cina Saffary" required>

Simple Bukan! sekarang validator anda telah aktif. oke this the source : 1000hz.github.io/bootstrap-validator/

bootstrap-form-validator

About Suendri

Owner dan Founder Go Software Media sebelumnya bernama PHPBeGO Foundation

Discussion

No comments yet.

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow Go Software Media Blog on WordPress.com

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 63 other followers

Archives

%d bloggers like this: