Membuat Validai Form Sederhana Dengan Menggunakan Javascript


Cahya Dyazin - Membuat valiidasi sederhana dengan javascipt itulah topik yang saya akan bahas, di sini saya akan bahas bagaimana cara membuat validasi dengan menggunakan javascript, sintaknya sebagai berikut :
<html>
<head>
<title>Validasi Javascript</title>
<script>
function validasi(){
var nis = document.getElementById('nis');
var nama = document.getElementById('nama');
var kelas = document.getElementById('kelas');
var jurusan = document.getElementById('jurusan');

if (harusDiisi(nis, "nis belum dicantumkan")) {
if (harusDiisi(nama, "nama belum dicantumkan")) {
if (harusDiisi(kelas, "kelas belum di cantumkan")) {
if (harusDiisi(jurusan, "Jurusan belum di pilih")) {
return true;
};
};
};
};
return false;
}

function harusDiisi(att, msg){
if (att.value.length == 0) {
alert(msg);
att.focus();
return false;
}

return true;
}
</script>
</head>
<body>
<center>
<h3>Demo Validasi javascript simpel: <a href="www.cekmyinfo.net" target="_blank">Cek My Info</a></h3><hr>
<form id="absensi" onsubmit="return validasi()" method="post">
<p>NIS:</p><input type="text" name="nis" id="nis"/><br/>
<p>Nama:</p><input type="text" name="nama" id="nama"/><br/>
<p>Kelas:</p><input type="text" name="kelas" id="kelas"/><br/>
<p>Jurusan:</p>
<select name="jurusan" id="jurusan">
<option value="">-pilih-</option>
<option value="AK">Akuntansi</option>
<option value="AP">administrasi Perkantoran</option>
<option value="PN">Pemarasaran</option>
<option value="RPL">Rekayasa perangkat lunak</option>
<option value="UPW">Parawisata</option>
</select><br>
<p><input type="submit" value="simpan" maxlength="3"/></p>
</form><hr>
<p>created by, CDYZ<br>© 2013 - <?php $d=date("Y"); echo $d; ?></p><hr>
</center>
</body>
</html>
<?php
if($_POST[simpan]){
$simpan=mysql_query("select * from data (nis,nama,kelas) values ('$_POST[nis]','$_POST[nama]','$_POST_[kelas]','$_POST[jurusan]')"); //script simpan data dengan nama table "data" dan field : nis,nama,kelas
}
?>
  silahkan di coba, :)

0/Post a Comment/Comments

Lebih baru Lebih lama