www.webdeveloper.com
Results 1 to 3 of 3

Thread: Form Validation And Submit Disable

  1. #1
    Join Date
    Feb 2004
    Location
    NY
    Posts
    185

    Form Validation And Submit Disable

    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.

    Code:
    <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

  2. #2
    Join Date
    Jun 2003
    Location
    The United States Site: http://kellyj.t35.com
    Posts
    2,561
    Do not double post (in more than one forum), its considered rude!

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

    PHP Code:
    <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> 
    Last edited by steelersfan88; 02-28-2004 at 10:26 AM.

  3. #3
    Join Date
    Feb 2004
    Location
    NY
    Posts
    185
    sorry... realized i should have posted it into the javascript forum, i thought i deleted this post...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles