submit button

[dennic]

hi

im making a form page, and am just wondering why when the user goes to click on the submit button that they can also click outside the button to dp the same function. the clickable area seems to take up the whole row of where the submit button is.

here is the code

<SCRIPT LANGUAGE="javascript">
<!--
function check() {
g=document.declaration;
if(g.disagree.checked==true && g.agree.checked==true){
alert("You cant tick both boxes!");
return false;
} else if(g.disagree.checked==true){
alert("You can't proceed");
return false;
} else if(g.agree.checked==true) {
return true;
} else {
alert("You havent ticked a box!")
return false;
}
}

//-->
</SCRIPT>

<!--Start of declaration form-->

<form name="declaration" action="applications.html">

<center>
<input type="checkbox" id="disagree" value="declaration" />Disagree
<input type="checkbox" id="agree" value="declaration" />I agree

</center>

<br>
<br>

<a href="applications.html" onClick="return check();">

<center>

<input type="submit" value="Begin" name="applications" align="right" >

</center>

</a>

</form>

<!--End of form-->

[toicontien]

I guess I'm not sure why you would need to enclose the submit button in the anchor tag. I know you're doing it for some sort of validation purpose, but you might be better off calling the check() function from the button itself. Just change the type attribute to "button" and move the onclick event to the INPUT tag.

Then after the JavaScript has determined that everything checks out, just do a document.declaration.submit() to have the script submit the form, instead of the button.

If you need to direct the user to a different page after submitting the form, you can always add a window.location ="URL_HERE"; to the script. It looks as though the form's action will take you to application.html without any interference from the script anyway.

[dennic]

thanks gar for your speedy reply but i am still a bit confused as to where some of the code actually goes.

where do i put the

document.declaration.submit()

is it a new function??


and where would i put

window.location ="URL_HERE";

in the same function??

as you can see im not a java expert

thanks mate

[Stefan]

Originally posted by dennic
the clickable area seems to take up the whole row of where the submit button is.


The reason it is like this is becuse you tell the browser to do this.

<a>
<center>
button
</center>
</a>

To start with, that is compleatly illegal code. You are not allowed to place a block-level CENTER inside an inline-level A.

The browser error correction apparently recovers from this error by also making A blocklevel, which means it will span the entire width of the row.
Remove the center and it will not happen.