Cara membuat validasi di masing-masing field form, menggunakan jQuery Validate.
contoh
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
<html> <head> <title>jQuery Validation</title> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#myform").validate(); }); </script> <style type="text/css"> label.error { color: red; padding-left: .5em; } </style> </head> <body> <form id="myform" method="post" action="submit.php"> <table border="0"> <tr> <td>Nama</td> <td>:</td> <td><input type="text" name="nama" class="required" /></td> </tr> <tr> <td>Email</td> <td>:</td> <td><input type="text" name="email" class="required email" /></td> </tr> <tr> <td>Umur</td> <td>:</td> <td><input type="text" name="umur" class="required number" /></td> </tr> <tr> <td>Tanggal Jadian</td> <td>:</td> <td><input type="text" name="tgl" class="required date" /></td> </tr> <tr> <td>URL</td> <td>:</td> <td><input type="text" name="url" class="required url" /></td> </tr> <tr> <td>Pesan & Kesan</td> <td>:</td> <td><textarea name="pesan" /></textarea></td> </tr> </tr> <td><input type="submit" name="submit" value="Kirim" /></td> <td></td> <td></td> </tr> </table> </form> </body> <html> |
caranya dengan menambahkan “jquery.js” + “jquery.validate.js” + script js
1 2 3 4 5 |
<script type="text/javascript"> $(document).ready(function() { $("#myform").validate(); }); </script> |
define form id dan class dimasing-masing field 🙂