Thursday, January 19, 2012
onsubmit in Form Validation
Javascript can be used for form validation. For example:
<form name="testForm" action="testForm.php" onsubmit="return validateForm()" method="post">
In this case, after running Javascript validateForm(), if return true, the action testForm.php is executed when the form is submitted. If return flase, the form will not be submitted.
If we don't have return in onsubmit:
<form name="testForm" action="testForm.php" onsubmit=" validateForm()" method="post">
then the form will be submitted no matter what the validateForm() return.
Code:
<script type="text/javascript">
function validateForm()
{
var x=document.forms["testForm"]["luckynumber"].value;
if (isNaN(x))
{
alert("Your input is not a number");
return false;
}
}
</script>
</head>
<body>
<form name="testForm" action="testForm.php" onsubmit="return validateForm()" method="post">
Enter your lucky number: <input type="text" name="luckynumber">
<input type="submit" value="Submit">
</form>
</body>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment