Form Validation And Submit Disable

[lahmayes]

Ok, So i have a form, and im using these two functions... one of them verifies the email addy, and the other disables the submit button so you cant click it twice, i can get them to both work, but not together, im very new to JavaScript so if anyone sees what im doing wrong it would be greatly appreaciated.

<SCRIPT language='javascript'>
function disableButton(theButton)
{
 theButton.value="Sending...";
 theButton.disabled = true;
 theButton.form.submit();
}
<!--

function verifyEmail(form) {
checkEmail = form.email.value

if ((checkEmail.indexOf('@') < 0) || ((checkEmail.charAt(checkEmail.length-4) != '.') && (checkEmail.charAt(checkEmail.length-3) != '.'))) 
{alert("You have entered an invalid email address. Please try again.");
form.email.select();
return false;
} 

else {
form.method="post";
form.target="_self";
form.action="mailer.php";
form.submit();
}
}
//--></script>





and for the form





<FORM onsubmit="verifyEmail(this); return false; disableButton(this.submit); return true;">
              
               
                  Name:
                  <input name="name"type="text" id="name"><br>
              Email: 
              <input name="email" type="text" id="email"><br>
                
                <TEXTAREA name="message" rows="20" cols="80"></TEXTAREA><br>
                <INPUT TYPE="submit" VALUE="Send" name="submit" onclick="disableButton(this)">
                <INPUT value="Reset" type="reset">
            </FORM>

in order to get the submit button to disable i need to have the "onclick="disableButton(this)" in the submit button, but the only way i can get the email validation to work is to take it out, i really have no idea what im doing, but i think the reason it wont work is because disableButton uses "(this)" and verifyEmail uses "(this)" as well, any ideas?

Thanks,
~Hal

[steelersfan88]

Do not double post (in more than one forum), its considered rude!

If you didn't already get it working, this should do it:

<SCRIPT language='javascript'>

function disableButton(theButton) {
   theButton.value="Sending...";
   theButton.disabled = true;
   return verifyEmail(document.myForm)
}

function verifyEmail(form) {
   checkEmail = form.email.value

   if ((checkEmail.indexOf('@') < 0) || ((checkEmail.charAt(checkEmail.length-4) != '.') && (checkEmail.charAt(checkEmail.length-3) != '.')))  {
      alert("You have entered an invalid email address. Please try again.");
      form.email.select();
      form.submit.disabled = false;
      form.submit.value = "Send";
      return false;
   } 

   else {
      return true;
   }
}

</script>

<FORM name="myForm" onsubmit="return disableButton(this.submit);" method="post" target="_selF" action="mailer.php">
   Name: <input name="name"type="text" id="name"><br>
   Email: <input name="email" type="text" id="email"><br>
   <TEXTAREA name="message" rows="20" cols="80"></TEXTAREA><br>
   <INPUT TYPE="submit" VALUE="Send" name="submit">
   <INPUT value="Reset" type="reset">
</FORM> 

[lahmayes]

sorry... realized i should have posted it into the javascript forum, i thought i deleted this post...