Thursday, November 5, 2009

JavaScript Form Validation

The validate_form() function
<script type="text/javascript">
<!--

function validate_form ( )
{
valid = true;

if ( document.contact_form.contact_name.value == "" )
{
alert ( "Please fill in the 'Your Name' box." );
valid = false;
}

return valid;
}

//-->
</script>



Html Code:

<form name="contact_form" method="post"
action="#"
onsubmit="return validate_form ( );">


<h1>Please Enter Your Name</h1>

<p>Your Name: <input type="text" name="contact_name"></p>
<p><input type="submit" name="send" value="Send Details"></p>

</form>

1 comment: