Mega Code Archive

 
Categories / JavaScript DHTML / Form Control
 

Form value validation and onsubmit action

<html> <head> <title>Form Validation</title> <script type="text/javascript"> function checkValid() {     var cityField = document.forms[0]["city"];     if (cityField.value != "Van") {         var cityDiv = document.getElementById("citydiv");         cityDiv.style.fontWeight = "bold";         return false;     } else {         return true;     } } </script> </head> <body> <form name="formexample" id="formexample" action="#"> <div id="citydiv">City: <input id="city" name="city"></div> <div><input id="submit" type="submit"></div> </form> <script type="text/javascript">     function init() {         document.forms[0].onsubmit = function() { return checkValid(this) };     }     window.onload = init; </script> </body> </html>