Jumat, 11 Januari 2013

Penggunaan Java Script (Validasi)

Berikut penggunaan Java Script (validasi)




<html>
<head>
<title>Pertemuan 9</title>
<script language="JavaScript" type="text/javascript">
function konfirmasi()
{
var answer = confirm("Anda udah isi?");
if(answer)
{
validasi();
}
else
alert("stay Still");
}
function validasi()
{
{
if(document.formulir.nim.value=="")
alert("isi NIM");
}
{
if(document.formulir.nama.value=="")
alert("isi nama");
}
{
if(document.formulir.alamat.value=="")
alert("isi alamat");
}
{
if((document.formulir.jk[0].checked==false) && (document.formulir.jk[1].checked==false))
alert("isi jenis kelamin");
}
{
if(document.formulir.fakultas.selectedIndex==0)
alert("isi fakultas");
}
{
if(document.formulir.prodi.selectedIndex==0)
alert("isi program studi");
}
{
if((document.formulir.pendidikan[0].checked==false) && (document.formulir.pendidikan[1].checked==false) && (document.formulir.pendidikan[2].checked==false))
alert("isi pendidikan");
}
}
</script>
</head>


<body>
<form name="formulir" method="post">

<center>
<table>
<tr>
<td colspan="4">
<h5 style="width:280px;">FORMULIR</h5>
<hr />
<tr>
<td>NIM</td> <td>:</td> <td><input type="text" name="nim" value="" placeholder="angka"></td>
</tr>
<tr>
<td>Nama</td> <td>:</td> <td><input type="text" name="nama" value="" placeholder="nama"></td>
</tr><tr>
<td>Jenis Kelamin</td> <td>:</td> <td><input type="radio" name="jk" value="">Pria</td> 
 <td><input type="radio" name="jk" value="">Wanita</td>
</tr>
<tr>
<td>Fakultas</td> <td>:</td>
<td><select name="fakultas">
<option value="">-Pilih-</option>
<option value="html">Fakultas Teknologi dan Desain</option>
<option value="html">Fakultas Ilmu Sosial dan Humaniora</option>
</select>
</tr>

<tr>
<td>Program Studi</td> <td>:</td>
<td><select name="prodi">
<option value="">-Pilih-</option>
<option value="html">Teknik Informatika</option>
<option value="html">Sistem Informasi</option>
<option value="html">Desain Komunikasi Visual</option>
<option value="html">Teknik Industri</option>
<option value="html">Manajemen</option>
<option value="html">Akuntansi</option>
<option value="html">Psikologi</option>
<option value="html">Ilmu Komunikasi</option>
<option value="html">Budaya dan Bahasa Cina</option>
<option value="html">Budaya dan Bahasa Inggris</option>
<option value="html">Akademi Pariwisata</option>
</select></td>
</tr>
<tr>
<td>Pendidikan</td> <td>:</td> 
<td rowspan="3"><input type="radio" name="pendidikan" value="SMA">SMA<br />
<input type="radio" name="pendidikan" value="SMA">SMEA<br />
<input type="radio" name="pendidikan" value="SMA">STMIK</td>
</tr>
</td>
</tr>
</table>
<br />
<input type="submit" value="Submit" onClick="konfirmasi();" />
<input type="reset" value="Reset" />
</center>
</form>
</body>
</html>

Jika ada yang ingin ditanyakan, silakan komentar. Terima kasih :)

Tidak ada komentar:

Posting Komentar