www.webdeveloper.com
Results 1 to 5 of 5

Thread: vaidate email address in a javascirpt form

  1. #1
    Join Date
    Mar 2012
    Posts
    8

    Question vaidate email address in a javascirpt form

    Hello All,

    I have made the following form. But i want to be able to validate the email address so that it must have a @ and not include / \ " etc

    Any ideas?


    Code:
    <script type="text/javascript">
     function CheckForm() {
      tbName=document.forms[0].name.value;
      if (tbName == '') {
       alert('Name is required.');
       return false;
      }
    
       tbaddress=document.forms[0].address1.value;
      if (tbaddress == '') {
       alert('Address Line 1 is required.');
       return false;
      }
      tbaddress2=document.forms[0].address2.value;
      if (tbaddress == '') {
       alert('Address Line 2 is required.');
       return false;
      }
      tbcity=document.forms[0].city.value;
      if (tbcity == '') {
       alert('City is required.');
       return false;
      }
    
    
      tbpostcode=document.forms[0].postcode.value;
      if (tbpostcode == '') {
       alert('Post Code is required.');
       return false;
      }
      
      tbemail=document.forms[0].emailaddress.value;
      if (tbemail == '') {
       alert('Email is required.');
       return false;
      }
    
       return true;
      }
    </script>
    
    <form onsubmit="return CheckForm();">
      <p>
      <label for="Name">Name:*</label>  
      <input type="text" name="name" size="50" />  
      <br>
      <label for="address1">Address Line 1:*</label>
      <input type="text" name="address1" size="50" />
      <br>
      <label for="address2">Address Line 2:*</label>  
      <input type="text" name="address2" size="50" /> 
      <br>
      <label for="City">City:*</label>
     
      <input type="text" name="City" size="50" /> 
      <br>
       <label for="County">County:*</label>
        <input type="text" name="County" size="50" /> 
      <br>
      <label for="zip">Post Code:*</label> 
      <input type="text" name="postcode" />
      <br>  
      <label for="email">Email Address:*</label>  
      <input type="text" name="emailaddress" size="50" /> 
      <br> 
    
      <label>Can we use your email address for marketing:</label>
      <br />
      <input type="checkbox" name=Yes value="Yes" checked />
      <span>Yes</span>
      <input type="checkbox" name=No value="No"/>
      <span>No</span>
     <br />
    
    <input type="submit"> 
    </form>

  2. #2
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,653
    they say using of Search sometimes can help

  3. #3
    Join Date
    Mar 2012
    Posts
    8

    Got the code just un

    Hi

    I have got the code but i am just unsure where to put it.. I have tried in various places but it doesn't work !

    if (!(/^([a-z0-9])([\w\.\-\+])+([a-z0-9])\@((\w)([\w\-]?)+\.)+([a-z]{2,4})$/i.test(email.value))) {

    Any ideas?

  4. #4
    Join Date
    May 2006
    Location
    Somewhere behind your screen
    Posts
    1,653
    if(!(/^([a-z0-9])([\w\.\-\+])+([a-z0-9])\@((\w)([\w\-]?)+\.)+([a-z]{2,4})$/i.test(email.value))){return false;}

    if the given email.value matches that regular expression, the re.test(string) function returns true. so we can translate the above code string into human language approximately as: "if(not true){stop sending the form}"

  5. #5
    Join Date
    Oct 2010
    Location
    Versailles, France
    Posts
    1,270
    The principle is to test the address with a regular expression like this (to update your code) :

    Code:
      
    var tbemail=document.forms[0].emailaddress.value;
      if (tbemail == '') {alert('Email is required.'); return false;}
    
    var rgx=/@/;// the simpler test with only an @
    if (! rgx.test(themail)) {alert('Email address seems not valid !'); return false;}
    I write seems not valid while it's very difficult to test an email address (See for example this page to validate a RFC 2822 email address). Read this page for further developments...
    The best test to validate an address is to send an email with a validation link valid for 12 or 24 hours.

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