For starters, add this to your <form> tag.
<form name="myForm" action="" method="post" onsubmit="return false">
Here is an example with a dummy "Continue()" function:
Code:
<!DOCTYPE HTML>
<html>
<head>
<title> Untitled </title>
<script type="text/javascript">
function Continue() { alert('Continue'); }
</script>
</head>
<body>
<form name="myForm" action="" method="post" onsubmit="return false">
<INPUT type="button" value="lol" name="button1"
style="z-index: 0; left: 105px; position: absolute; top: 110px" onClick="Continue() ">
<INPUT type="image" src="http://www.nova.edu/~rumsey/snoopy.gif" name="button1"
style="z-index: 0; left: 105px; position: absolute; top: 210px" onClick="Continue() ">
</form>
</body>
</html>
You don't show what Continue() does.
If you need to validate something before submission of the form information, change to:
Code:
// in HEAD <script> section
function validate() {
// some validation leading to "valid" variable being set to true or false
var valid = false;
if (valid) { return true; } else { return false; }
}
// ...
// in BODY section
<form name="myForm" action="" method="post" onsubmit="return validate()">
Problem with image buttons in javascript
Reply With Quote
Bookmarks