Submitting and Prevalidating Forms

calendar September 19, 2009

Before a form is submitted we perform a validation of data in the form. We can do this in a function invoked by the form’s onsubmit event handler.

Code:

<html>
 <head>
 <title>Prevalidating Data</title>
 <script type="text/javascript">
//----------------------------------------------------
 function check(form)
 {
   for(var i=0; i<form.elements.length; i++)
   {
     if(form.elements[i].value == "")
     {
       alert("Field:" + form.elements[i].name + " empty");
       return false;
     }
   }
   return true;
 }
//--------------------------------------------------
 </script>
 </head>
 <body>
 <form onsubmit="return check(this)">
 First name: <input type="text" name="firstName" /><br />
 Last name: <input type="text" name="lastName" /><br />
 <input type="submit" value="Submit" />
 </form>
 </body>
 </html>
admin Forms

Leave a Reply

You must be logged in to post a comment.