Anda di halaman 1dari 7

Validasi Form dengan Javascript

Contoh fungsi validasi form user harus mengisi nama


<script type="text/javascript"> function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("Nama Tidak Boleh kosong "); return false; } } </script>

Form inputan nama


<form name="myForm" action= contoh.php" onsubmit="return validateForm()" method="post"> Nama: <input type="text" name="fname"> <input type="submit" value="Submit"> </form>

Script lengkap validasi form


<html> <head> <script type="text/javascript"> function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("Nama Tidak Boleh kosong "); return false; } } </script> </head> <body> <form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post"> Nama Anda: <input type="text" name="fname"> <input type="submit" value="Submit"> </form> </body> </html>

Contoh fungsi validasi email


function validateForm() { var x=document.forms["myForm"]["email"].value; var atpos=x.indexOf("@"); var dotpos=x.lastIndexOf("."); if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { alert( Email tidak valid !!"); return false; } }

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm();" method="post"> Email: <input type="text" name="email"> <input type="submit" value="Submit"> </form>

Anda mungkin juga menyukai