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
   54   55   56   57   58   59   60   61   62   63   64