Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!
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

CodeIgniter 3.0 Final Release

CodeIgniter dikalangan web development nama framework ini sudah tidak asing walau ada beberapa web developer …

Tinggalkan Balasan

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

76 − 72 =