vaidate email address in a javascirpt form

[samhor]

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?

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

[Padonak]

they say using of Search sometimes can help

[samhor]

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?

[Padonak]

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}"

[007Julien]

The principle is to test the address with a regular expression like this (to update your 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.