Form Validation And Submit Disable

programming web dev
1

Ok, So 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); ">
              
               
                  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>

in order to get the submit button to disable i need to add "onsubmit=“disableButton(this)” to the submit button but whenever i do that my email validation crashes, any ideas?