Jumat, 26 Juli 2013

Belajar Input PHP dengan validasi javascript

Oke Broo.. sekarang buat para calon master-master programmer PHP ni, kita sharing lagi okeh!!
gini bro..
ane punya beberapa tips dalam membuat sebuah form input php.

langsung aja ke TKP.
permasalahannya gini gan, pas kita mau memsukan input text pada sebuah form php, sebenarnya value/nilai tersebut merupakan sebuah kombinasi binary file yang tidak akan diketahui type datanya. sehingga jika kita ingin membuat sebua validitas atau pembatasan untuk type data suatu input harus ditentukan atau diatur dengan fungi-fungsi php.

misal gini gan, ada form seperti ini



ketika kita memasukan nama dengan angka, seharusnya itu tidak diperkenankan,
misal no itu nomer, ketika kita memasukan value hurup pada nomor, maka harusnya itu tidak diperbolehkan
dan, sebelumsemua terisi itu tidak diperbolehkan melakukan submitting query..

nah, gimana cara gampang untuk hal itu??

gini broo. jika kita maksain pake fungsi PHP, maka akan mengganggu aktifitas input user, karena PHP ini harus diproses di server, jadi ketika kita salah memasukan satu record, udah.. mesti balik lagi input dari awal, contoh diatas cuma 3 biji, kalo 100, dan salah pas inputan ke 99, gmana? mu ngulang lagi dari awal??
haha.. engga lah.. ane mu bagi2 pengalaman aje ma kalian, jadikita akan pake...... J.A.V.A.S.C.R.I.P.T yehee..
sakti banget sebenernya si javascript nnoh..

contohin aja ya...
1. misal buat folder "coba" di htdocs atau folder pemanggilan localhost kalian
2. download dan simpan file INI (javascipt nya) pada folder coba yang tadi
3. simpan syntax dibawah ini dengan nama coba.php

<head>
<script language="JavaScript" type="text/javascript" src="validasi.js"></script>
</head>
<body>
<?php

if(!isset($_POST['simpan'])){
echo "<form method='POST' id='gudang' name='gudang'>
<table>
<tr><td>Nomor</td><td>:</td><td><input type='text' name='no'></td></tr>
<tr><td>Nama</td><td>:</td><td><input type='text' name='nama'></td></tr>
<tr><td>Alamat</td><td>:</td><td><input type='text' name='alamat'></td></tr>
<tr><td colspan='3' align='center'><input type='submit' name='simpan' value='simpan'></td></tr>
</table></form>";
?>
<script language="JavaScript" type="text/javascript">
var frmvalidator = new Validator("gudang");

frmvalidator.addValidation("no","req","Harap isi NOMOR ");
frmvalidator.addValidation("no","numeric","Harap isi NOMOR hanya dengan angka");
frmvalidator.addValidation("nama","req","Harap isi NAMA ");
frmvalidator.addValidation("nama","alpha","Harap isi NAMA hanya dengan huruf");
frmvalidator.addValidation("alamat","req","Harap isi ALAMAT");

</script>
<?php
} else{
echo "anda memasukan nomor dengan value ' ".$_POST['no']." '<br>";
echo "anda memasukan Nama dengan value ' ".$_POST['nama']." '<br>";
echo "anda memasukan Alamat dengan value ' ".$_POST['almat']." '<br>";
}
?>
</body>

coba dulu yaa!!!???
hehehe... kalo ada pertanyaan komen aja yaa.. mudah2an ane lagi lining...

Tidak ada komentar:

Posting Komentar

tes