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 |
<!DOCTYPE html> <html> <head> <script> function validateform() { var x=document.forms["myForm"]["fname"].value; if (x==null || x=="") { alert("First name must be filled out"); return false; } } </script> </head> <body> <form name="myForm" action="send.php" onsubmit="return validateform()" method="post"> First name: <input type="text" name="fname"> <input type="submit" value="Submit"> </form> </body> </html> |
Another simple version
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<input type="text" name="fname"> <script> // use a click function if (fname.value==' '){ alert ('No first name'); validx=1; } if(validx==1){ alert("Please Add Details"); } if(validx==0){ alert("Yes all OK"); } </script> |