jquery Form Validation

 

Kalian tentu pernah melihat Form validasi yang mengeluarkan pesan error ketika berpindah ke Text lain pada artikel ini akan kita implementasikan pada Form yang sudah kalian buat pada artikel sebelumnya (klik disini bila belum melihatnya) akan kita sedikit memodifikasi dengan menambahkan javascript, kalian tidak perlu melalukan pengkodean untuk memfilter text yang diinputkan oleh user akan tetapi sudah banyak plugin jquery yang dapat memfilter text dengan baik. Saya menggunakan plugin yang dibuat oleh bassistance yang mudah dan sangat simple untuk di implementasikan pada website yang akan kita buat.

1. Tambahkan script berikut pada Tag head (</head>)

 

<script type=”text/javascript” src=”http://code.jquery.com/jquery-1.5.2.min.js”></script>

<script type=”text/javascript” src=”js/jquery.validate.min.js”></script>

 

<script type=”text/javascript”>

$(document).ready(function(){

$(“#frm_post”).validate({           // Proses validasi

submitHandler: function(form) {

$.post(‘proses.php’

, $(“#frm_post”).serialize()

, function(data) {     

var data = $.parseJSON(data);

if(data.valid == ‘true’){

$(“#message”).html(“<div class=”sukses””>””+data.message+””</div>””);

About Administrator

2016-01-12 10:32:36 2016-01-12 14:33:42

Check Also

Create Simple Chat App with Google App Engine Backend and Google Cloud Messaging

Mari membuat aplikasi chat sederhana menggunakan backend Google App Engine (bagian dari Google Cloud Platform) dan …

Tinggalkan Balasan

Translate »
error: Konten dilindungi !!