submit button

**pellio** · 05-09-2006, 05:26 AM

iv got a form with a sumbit button at bottom.at the momment when this button is clicked a window will pop up stating if any of the fields are completed incorrectly.if they are correct id like the button to link to confirmaiton/thankyou page but not link if incorrect. i got it working where the pop up messages work but when i try to link to the thnakyou page it links regardless of whether the fields are correcly filled in or not.

code:

Attach Code
<input type="submit" value="Submit" onClick="MM_validateForm('name','','R','email','', 'NisEmail','comments','','R');return document.MM_returnValue">

**funkdaddu** · 10:58 AM

I'd have to see the functions, but basically have the validation form return either true, or return false and display an error. Then have the form setup to onsubmit="return yourValidationFunction()". if the function returns true it will finish the form, otherwise it will no go through.

Here is a simple example:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function check() {
	if (document.FormName.textfieldName.value != "") {
		return true;
	} else {
		alert("Please Fill in all fields");
		return false;
	}
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<form id="FormName" action="" method="get" name="FormName" onsubmit="return check();">
			<input type="text" name="textfieldName" size="24"> <input type="submit" name="submitButtonName">
		</form>
		<p></p>
	</body>

</html>

**gumlor** · 05-09-2006, 07:41 PM

It works like this:

if the <form> tag has an "onsubmit" attribute, e.g.,

<form action="mylink.htm" onsubmit="checkMyForm()">

when the form is submitted, that onsubmit function (i.e., checkMyForm() in this example) will be executed. If this function returns a false value, the submission will be immediately aborted. Otherwise, continue the submission.

So in Funkdaddu's example, let's add the form submission url in the "action" attribute to complete it.