ACCEPT TERMS OF USE

Does your form contain an "Accept terms" section users must agree to before submitting the form? If so, this script helps enforce it, by disabling the submit button (in IE4+ and NS6+) or process (all other browsers) until he/she checks a box indicating compliance.

 » This script was made possible by: Dynamic Drive !
EXAMPLE
Rest of your form here

I agree to the above terms
CODE (s)

==========================================================

Step 1: Simply add the below script to the <HEAD> of your page:

<script>

//"Accept terms" form submission- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var checkobj

function agreesubmit(el){
checkobj=el
if (document.all||document.getElementById){
for (i=0;i<checkobj.form.length;i++){ //hunt down submit button
var tempobj=checkobj.form.elements[i]
if(tempobj.type.toLowerCase()=="submit")
tempobj.disabled=!checkobj.checked
}
}
}

function defaultagree(el){
if (!document.all&&!document.getElementById){
if (window.checkobj&&checkobj.checked)
return true
else{
alert("Please read/accept terms to submit form")
return false
}
}
}

</script>

==========================================================

Step 2: Insert the below sample form onto your page, which also demonstrates how to associate the script with your own form:

<form name="agreeform" onSubmit="return defaultagree(this)">
Rest of your form here<br>
<input name="agreecheck" type="checkbox" onClick="agreesubmit(this)"><b>I agree to the above terms</b><br>
<input type="Submit" value="Submit!" disabled>
</form>

<script>
//change two names below to your form's names
document.forms.agreeform.agreecheck.checked=false
</script>

<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

==========================================================

As shown, to integrate the script to your form, 1) Give both your FORM and the checkbox a name 2) Inside both these two tags, insert the "extra" code 3) Finally in the script that follows the form, change the two names referenced to your form's name.

==========================================================
MAIN
Hosted by www.Geocities.ws