Input Validasi Java Script, Jika Form Kosong Data Tidak Di Proses - Selamat pagi kawan, wah akhirnya hampir selesai juga modifikasi template blog tutsphpmysql.blogspot.com ini. Sekalian deh, nulis tutorial sederhana tentang bagaimana cara validasi form di HTML dengan memanfaatkan Java Script dan nantinya proses akan di kirim ke PHP.
 |
| Input Validasi Java Script, Jika Form Kosong Data Tidak Di Proses |
Alur kerja aplikasi sederhana dalam tutorial ini yaitu jika form kosong maka inputan pada form tidak akan di proses, jika pada form tersebut berisi data string ataupun integer maka data yang ada pada form dan di proses ke file php.
Akan ada 2 file pada tutorial ini yaitu "index.php" dan "proses.php".
index.php
<html>
<body>
<script>
function myFungsi() {
var Formku = document.forms['myForm']['a'].value;
if(Formku==null || Formku=="")
{
alert("Form Harus Complete!!!");
return false;
}
}
</script>
<form action="proses.php" method="post" name="myForm" onSubmit="return myFungsi()">
<input name="a" type="text" />
<input type="submit" value="Submit" />
</form>
</body>
</html>
<body>
<script>
function myFungsi() {
var Formku = document.forms['myForm']['a'].value;
if(Formku==null || Formku=="")
{
alert("Form Harus Complete!!!");
return false;
}
}
</script>
<form action="proses.php" method="post" name="myForm" onSubmit="return myFungsi()">
<input name="a" type="text" />
<input type="submit" value="Submit" />
</form>
</body>
</html>
proses.php
<?php
$a = $_POST['a'];
echo "Isi Inputan : ". $a;
?>
$a = $_POST['a'];
echo "Isi Inputan : ". $a;
?>
Penjelasan :
"function myFungsi()" adalah sebuah fungsi yang di buat menggunakan script javascript yang nantinya dipanggil oleh "onSubmit" di HTML. Dan "document.forms['myForm']['a'].value" adalah sebuah script untuk mengambil nilai dari inputan. Pada file "proses.php" kita menampilkan isi dari inputan.
Okey, sekian dulu tutorial untuk "Input Validasi Java Script, Jika Form Kosong Data Tidak Di Proses" ini semoga bermanfaat dan jangan sungkan untuk mampir lagi ke blog ini. Keep Coding ya. :) Terima kasih #SruputKopi
0 Komentar