Page 59 - Modu Web Kelas XI
P. 59
54
Validasi Data dengan JavaScript:
❑ Ketikkan script berikut :
<html>
<head>
<title>Membuat Validasi</title>
<script LANGUAGE="JAVASCRIPT">
function ValidasiForm()
{
if (document.FormTamu.nama.value=="") {
alert("Kolom nama tidak boleh kosong");
return false;
}
if (document.FormTamu.alamat.value=="") {
alert("Kolom Alamat tidak boleh kosong");
return false;
}
if (document.FormTamu.email.value=="") {
alert("Kolom Email tidak boleh kosong");
return false;
}
}
</script>
</head>
<body>
<form onSubmit="return ValidasiForm()" name="FormTamu" method="post"
action="">
<table class="TABLE" width="307" border="0" cellspacing="0" cellpadding="3">
<tr align="left" bgcolor="#00FF00">
<th colspan="2" scope="col">Form Validasi </th>
</tr>
<tr>
<td width="92">Nama </td>
<td width="246">
<input name="nama" type="text" id="nama" size="25" maxlength="35"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input name="alamat" type="text" id="alamat" size="25"
maxlength="35"></td>
</tr>
<tr>
<td>Email</td>
<td><input name="email" type="text" id="email" size="25"
maxlength="35"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Kirim"></td>
Modul Pemrograman Web SMKN 2 Mojokerto