Home / Pemprograman / jquery Form Validation

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

Membuat fungsi Callback pada Javascript

Bagi yang terbiasa menggunakan javascript sebagai client site sudah sering berhubungan dengan yang namanya Callback, …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

6 + 3 =