JavaScript - Email Validation

Hey, basically I have my assignment due in 2 and a half hours and I cannot work out how to validate a email address. What am I doing wrong? Been on the net for a couple of hours lurking to find some answers but now I am even more lost.

Bit of information:
Basically I need to work out how many tables are needed for a class room depending on the desktops and laptops used and how many roils of coils are needed blah blah blah. Then comes the tricky part (for me anyways) asking the user to confirm or cancel the order everything works up to confirming the quote and then validating the email address, canceling the confirm button works so I'm assuming it's just the validating that I have destroyed.

Any help would be awesome, assignment is due very soon and no sections of code are helping me on the net.

Code:

function confirmquote()
{
var answer=confirm("Do you want to recieve a quote?");
if (answer==true)
  {
  var emailID=window.prompt("Please enter a VALID email address or type quit to exit");
  }
else
  {
  alert("Quote has been rejected sir, please refreash to start order agian.");
  }
}

}
function CheckEmail() 
	{
		emailID = document.f1.Email.value
		AtPos = emailID.indexOf("@")
		StopPos = emailID.lastIndexOf(".")
		Message = ""

	if (emailID == "") 
	{
	Message = "Not a valid Email address" + "\n"
	}

	if (AtPos == -1 || StopPos == -1) {
	Message = "Not a valid email address"
	}

	if (StopPos < AtPos) {
	Message = "Not a valid email address"
}

if (StopPos - AtPos == 1) {
Message = "Not a valid email address"
}

return Message
}

(ALL IN THE HEADER TAG)
Code:

var worknowplease = confirmquote();
var emailID=checkemail();

(Last few lines of code before [/body])


I have no idea what the validate email is trying to do in the coding, but I'm still very freash on JS.

Thanks you for reading and if you can share any possible solutions to my problems.

Thanks agian.

I am having trouble with my Contact Us form. For the validation for email, in function validateEmail in my javascript portion where if I include:

Code:

              else if (fld.value(".com")==-1 && entEmail.indexOf(".net")==-1      && entEmail.indexOf(".org")==-1 && entEmail.indexOf(".edu")==-1) {
		 window.alert("Please recheck your email address. it must in     name@domain.xxx format.");
		return false;
	 }

It skips the validation when I click the submit button and sends without validating the form. When I remove the code snippet above it validates fine but doesn't check for ".com", ."org", or ."net" which has to be included.
I need to include a proper email address that includes "@" AND either one of these: ".com", ."org", or ."net"

Anyone know of any ideas to solve this?

Hello,

When I have email validation and captcha in the same form, simply passing the captcha allows the form to be sent without an email address. When I remove the captcha, the form will not send without the email address. I want to have both. What am I missing?

http://jaxpubliclibrary.org/lib/websiteform-test.html

Code:

<script>

function validateForm()
{
var x=document.forms["WebsiteQuestion"]["Email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
  {
  alert("Not a valid e-mail address");
  return false;
  }
}

function clearForms()
{
  var i;
  for (i = 0; (i < document.forms.length); i++) {
    document.forms[i].reset();
  }
}
</script>

Code:

 <div align="center">
   <script language="javascript" src="http://www.captcha.cc/cap.js?cap_k=tocsoLPahVjmEHJZWtenaJEDoJXfrQaa" type="text/javascript">
</script>
<input type=hidden name=cap_h id=cap_h value="">
<img border=1 id=cap_i src="http://www.captcha.cc/img.cgi?cap_k=tocsoLPahVjmEHJZWtenaJEDoJXfrQaa" align=middle><img align=middle style="margin-left: 4px;" id=cap_r onload="return cap_showReload(event);" src="http://www.captcha.cc/blank.png"><br>
<input id=cap_t name=cap_t type=text value="" style="margin-top:4px;">
<input type=submit value="Submit Form" onclick="return cap_valid(event);">
</div>

I appreciate any help. Thank you, Elbee

I was hoping you could point out why the validation for the email in the script below keeps looping and how to fix it. Any pointers would be great. Thank you. Script is being used on a Static FBML page.

Code:

<script type="text/javascript">
function checkForm() {
    var params=document.getElementById('myForm').serialize();
  
    if(params.fullname==''){
        displayerrormessage('Please Enter Your Full Name');     
        return false;
    }
   
    if(params.useremail==''){
        displayerrormessage('Please Enter Your Email');     
        return false;
    }
    if(params.useremail!=''){
        var emailfilter=/^w+[+.w-]*@([w-]+.)*w+[w-]*.([a-z]{2,4}|d+)$/i
        var returnval=emailfilter.test(params.useremail);
        if (returnval==false){
            displayerrormessage('Please Enter Valid Email');  
            params.useremail.select();
       }
         
        return false;
    }
    if(params.userphone==''){
        displayerrormessage('Please Enter Your Phone');     
        return false;
    }
    if(params.usercity==''){
        displayerrormessage('Please Enter Your City');     
        return false;
    }
    if(params.userstate==''){
        displayerrormessage('Please Enter Your State');     
        return false;
    }
    if(params.usercountry==''){
        displayerrormessage('Please Enter Your Country');     
        return false;
    }
    if(params.CompanyOrganization==''){
        displayerrormessage('Please Enter Your Company/Organization');     
        return false;
    }
    if(params.TitlePostion==''){
        displayerrormessage('Please Enter Your Title/Postion');     
        return false;
    }
    if(params.Message==''){
        displayerrormessage('Please Enter Your Message');     
        return false;
    }
  
  
}

function displayerrormessage(message){
     new Dialog().showMessage('Erro Message',message);  
     return false;
}
</script>
<script type="text/javascript">
var emailfilter=/^w+[+.w-]*@([w-]+.)*w+[w-]*.([a-z]{2,4}|d+)$/i
function checkmail(e){
      var returnval=emailfilter.test(e.value);
      if (returnval==true){
        alert('Please enter a valid email address.')
        e.select()
       }
        return true;
    }
   
</script>

<form id="myForm">
<p>Full Name :  <input type="text" name="fullname" id="fullname"/> </p>
<p>Email     :  <input type="text" name="useremail" id="useremail"/> </p>
<p>Phone     :  <input type="text" name="userphone" id="userphone"/> </p>
<p>City      :  <input type="text" name="usercity" id="usercity"/> </p>
<p>State     :  <input type="text" name="userstate" id="userstate"/> </p>
<p>Country     :  <input type="text" name="usercountry" id="usercountry"/> </p>
<p>Company/Organization     :  <input type="text" name="CompanyOrganization" id="CompanyOrganization"/> </p>
<p>Title/Postion     :  <input type="text" name="TitlePostion" id="TitlePostion"/> </p>
<p>Your Message     :  <input type="text" name="Message" id="Message"/> </p>
  <input type="button" name="nameuser1" id="nameuser1" onclick="checkForm();" value="Submit"/>
</form>

Hi All,

I am trying to create a script for checking that checks that the email address entered into two input boxes is the same when a submit button is clicked, I have these two input boxes

Code:

<input type="text" name="user_email" id="user_email" />
<input type="text" name="user_email2" id="user_email2" />

This javascript code

Code:

<script type="text/javascript">
var email1 = document.getElementById(user_email);
var email2 = document.getElementById(user_email2);
function checkEmail(){
if (email1 != email2)
{
alert("The two email addresses are not the same");
}
}
</script>

and this code for the button

Code:

<input type="submit" name="submit" id="submit" onSubmit="checkEmail" />

However this code is not working, can anyone see where I am going wrong? Any help will be appreciated

Thanks in advance

Hello all, I am looking to add an email validation to my new user registration form. Currently, we do not validate (or activate) a new user via an activation link in the email. We don't have that process. I'd like to get my hands on the code to randonly create a security code and the actual code to sent the validation email. Can anyone help me out here? I'm absolutely new to PHP or ASP coding. I do know some HTML. Thanks

I am a javascript begginer and would like to know what is this bit of code saying?
(email.indexOf("@",atPos+1) > -1)
Thank you!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Email checker</title>
	<script type="text/javascript">
		function validEmail(email) {
			invalidChars = " /:,;"
	
			if (email == "") {
				return false;
			}
			for (i=0; i<invalidChars.length; i++) {
				badChar = invalidChars.charAt(i)
				if (email.indexOf(badChar,0) > -1) {
					return false;
				}
			}
			atPos = email.indexOf("@",1)
			if (atPos == -1) {
				return false;
			}
			if (email.indexOf("@",atPos+1) > -1) {
				return false
			}
			periodPos = email.indexOf(".",atPos)
			if (periodPos == -1) {
				return false;
			}
			return true;
		}

		function submitIt(emailForm) {
			if (!validEmail(emailForm.emailAddr.value)) {
				alert("Invalid email address");
				emailForm.emailAddr.focus();
				emailForm.emailAddr.select();
				return false
			}
			alert("email is correct!");
			return true;
			
		}
	</script>	
</head>
<body>
<h2>Email checker</h2>
<form onsubmit="return submitIt(this)" action="#">
				Email Address:
				<input name="emailAddr" type="text" size="30" />
				<p><input type="submit" value="Submit" />&nbsp;<input type="reset" /></p>
			
</form>
</body>
</html>

Hi,

I have a simple bit of HTML / Javascript to validate email addresses entered into a field, split by a comma.

Code:

<html>
<body>
<form name="myForm" onsubmit="return chkEmail()" method="post">
e: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>

Code:

function validateEmail(email) { 
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
}
 
function chkEmail(){
	var myString = document.forms["myForm"]["fname"].value;
	var mySplitResult = myString.split(",");
	for(i = 0; i < mySplitResult.length; i++){
		emailCheck = validateEmail(mySplitResult[i]);
		alert(mySplitResult[i] + " - " + emailCheck);
		if (emailCheck = 'false') {
			alert(emailCheck);
		}
	}
}

If I enter e.g. "you@me.com,this@that.com" into the form, the alert debugs show:

First: you@me.com - true
Second: false
Third: this@that.com - true
Fourth: false

The first debug seems to show that the condition is true, but then the if statement to check for a "false" value is firing, showing the value of "emailCheck" = "false", even though on the preceding alert, the value = "true".

I'm not sure what's going wrong.

Apologies for any silly mistakes.

I also put my code he http://jsfiddle.net/XYyZa/

Thanks

I have been modifying this form:
http://www.kartaway.com.au/form.html
to be part of an iPhone optimized site for the same client.

The modified form works, however it no longer stops emails being sent that do not have the required fields filled in.
The modified form is he
http://marketingandbranding.com.au/itest/icontact.html

The original is built using a table which I have removed and replaced with divs. Didn't think I'd left anything out which would matter but I guess I must have.

Please help, i don't really know any JavaScript except what I copy and paste.

Working on college assignment, cant figure it out and need help! Basically a form that asks the user to fill in a valid email and password (ill give them the password), doesnt matter if it isnt secure, or if the email accepts dodgy emails (im just verifying the @ and a . and that is ok for the purpose of this. Anyway been trying with this code for ages now and cant see what is wrong but it isnt working, ive swapped it around and at times it does check that it is a valid email, sometimes it allows empty inputs. here is the code

<script type="text/javascript">
function validateForm()
{
var x=document.forms["myForm"]["email"].value
var y=document.forms["myForm"]["password"].value

var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
{
alert("Not a valid e-mail address");
return false;
}

</script>


I think i need something like && (y!="123") around the 'if' statement, but not a clue how or where it goes. Basically im going to set the password to 123 so dont have to allow for caps etc. Easiest way to do this, anyone plleeeeeaaasseee??

Kind regards

Alan

Hey everyone. I hope you can help me getting through this problem, because I have no idea of what else to try. I'm a web designer and sometimes modify Javascript, but my main focus is HTML and CSS, meaning I have no idea how to code in Javascript or how to write something from scratch in PHP.

So I designed a form that works pretty well, and integrated a PHP and Javascript script to make it work. This is the form:

Code:

    <form name="form" id="form" method="post" action="contact.php">
    <p>Hello,</p>
    <p>My name is <input type="text" name="name">, from <input type="text" name="location">, and I'd like to get in touch with you for the following purpose:</p>
    <p><textarea name="message" rows="10" ></textarea></p>
    <p>By the way, my email address is <input type="text" name="email" id="email" placeholder="john@doe.com">, and I can prove I'm not a robot because I know the sky is <input type="text" name="code" placeholder="Red, green or blue?">.</p>
	<p title="Send this message."><input type="submit"  id="submit" value="Take care."></p>
    </form>

And this is the script, in an external file called contact.php:

Code:

<?php
  $name = check_input($_REQUEST['name'], "Please enter your name.") ;
  $location = check_input($_REQUEST['location']) ;
  $message = check_input($_REQUEST['message'], "Please write a message.") ;
  $email = check_input($_REQUEST['email'], "Please enter a valid email address.") ;
  if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {die("E-mail address not valid");}
  if (strtolower($_POST['code']) != 'blue') {die('You are definitely a robot.');}

  $mail_status = mail( "my@email.com", "Hey!", "Hello,\n\n$message\n\nRegards,\n\n$name\n$location", "From: $email $name" );
  
  function check_input($data, $problem='')
{
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    if ($problem && strlen($data) == 0)
    {
        show_error($problem);
    }
    return $data;
}

function show_error($myError)
{
?>
    <html>
    <body>

    <b>Please correct the following error:</b><br />
    <?php echo $myError; ?>

    </body>
    </html>
<?php
exit();
}

    if ($mail_status) { ?>
      <script language="javascript" type="text/javascript">
      alert('Thank you for the message. I will try to respond as soon as I can.');
      window.location = '/about';
    </script>
<?php
}
    else { ?>
    <script language="javascript" type="text/javascript">
      alert('There was an error. Please try again in a few minutes, or send the message directly to aalejandro@bitsland.com.');
      window.location = '/about';
    </script>
<?php
}
?>

So what it does is this: if everything's OK, it sends an email with "Hey!" as the subject, "[name]" as the sender, "Hello, [message]. Regards, [name], [location]" as the body, and a popup saying the message was delivered appears. If something fails, it outputs the error in a new address, so the user will have to go back to the form and correct the error.

What I actually want to happen is this: if everything's OK, a <p> which was hidden beneath the form appears saying the message was delivered, or, alternatively, make the submit button gray out and confirm the message was delivered. I found a script to make this happen, but with "Please wait...", so the user can't resubmit the form.

If there's an error, I'd like another <p> which was hidden to appear with the specific error, so there'd be many <p>'s hidden with different IDs. If possible, I'd also like to change the CSS style of the input field, specifically changing the border color to red, so it'd be a change in class for the particular field.

--

So in essence, I want the errors and the success messages to output in the same page as the form (without refresh), and a change of class in the input fields that have an error. It'd be great if the submit button could be disabled until all fields are filled correctly, but I don't know if this is possible.

Thanks in advance, and please let me know if it'll be possible. :)

Hi Guys,

This isn't the first time I've posted about cookies, and I apologize for that. My cookies were working perfectly until I made some changes to the site (ie. ran it through w3 validation). Now they aren't writing. I can't find any bugs with firebug, and I've tried following it through line by line. I expect my email validation is returning false, and I would really appreciate if you can help me find the bug.

Here's the code, which I call with onsubmit="return Getvalue()"

The rest of the page is at www.saverally.com

Code:

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    return false
		 }

 		 return true					
	}

function ValidateForm(emailID){
	//var emailID=document.frmSample.txtEmail
	
	if ((emailID.value==null)||(emailID.value=="")){
	showDialog('Uh-oh.','Our tech-pigeons say you must enter an email address.','success',3);
		emailID.focus()
		return false
	}
	if (echeck(emailID.value)==false){
		emailID.value=""
	showDialog('Uh-oh.','Our tech-pigeons say you must enter a "proper" email address.','success',3);
		emailID.focus();
		return false
	}
	return true
 }
/*Email Validation*/
function Getvalue()
{
var validation=ValidateForm(document.getElementById("email"));
if(validation==true)
{
user_email=document.getElementById("email").value;	
createCookie("userEmail",user_email,365);
document.addform.submit();
return true;
}
else
{
return false;
}
}
</script>

Hey all.

I have a simple validation I need to do. I need to just make sure that a Checkbox is checked, and that a Text field has content. Sounds simple but I cannot find any thing that has a check and a text field.

Here what I have. Can I modify this script to do this? A Checkbox MUST be checked and Text field MUST be filled out. This currently does the text field fine, but no Checkbox obviously.

How can I add a checkbox validation to this?

Thats it. Any help is appreciated.

Code:

<script type="text/javascript">

var textFields = ["digsig"]; 

function validateForm( )
{
    var oops = ""; // must initialize this!
    var form = document.sig;

        for ( var t = 0; t < textFields.length; ++t )
        {
              var field = form[textFields[t]];
              var value = field.value.replace(/^\s+/,"").replace(/\s+$/,""); // trim the input
              if ( value.length < 1 ) 
              {
                    oops += "You MUST enter your Digital Signature";
              }
        }
        if ( oops != "" )
        {
            alert("ERROR:" + oops);
            return false;
        }
    }


}

</script>

Hi guys. I'm a mediocre website designer i know html , at JS i'm to noob to actualy make something of my own just Edit, i'm still learning and atm i'm working on a web project and I'm struggling to find a way to Filter email addresses to redirect my New Members to their e-mail provider, for example if they would register newmmember@hotmail.com to be forwarded to www.hotmail.com so they would login and activate their account, or if they enter @yahoo.com to be forwarded there . Can you please point out a few things i'm eager to learn how to Forward User to email provider after he creates his account . Or how can i forward email to URL inside my webpage , this could help me with another ideea i have, again this would have to be filtered @yahoo.com , @hotmail.com etc , to be forwarded to a local URL inside the site depending on what Email Provider they enter . I know this is a lot to ask but if you could point me out on the right path i would really appreciate all your help . Cheers

Hello all, new here Seems like a very nice place to be apart of.

I have my website www.gebcn.com. If you view source you will see all that I have done, but more importantly my problem. I have the JS code at the top there and I am unable to W3C validate my HTML because of the JS. I am using XHTML strict and would like to stay using it.

The JS I have at the top is my form validation code. I am able to do any validating that I need with this "snippet" of code, I have shrank it from my library version just to use for this newsletter. Until now W3C validating was not important now for some reason it is and I am faced with this problem.

I am not a Javascript guy more of a HTML/CSS guy and I can manipulate JS to suit my needs.

<problem>
I have tried to make this "snippet" of JS code an external file but receive multiple errors with the JS calling for the FORM NAME as it is not on the same page. The form NAME=NEWSLETTER is another problem, as W3C says I am unable to use attribute "NAME" in this location.
<problem>

I would like to keep the JS close to how it is now as I have a library to use this JS over and over again.

Any pointers in the right direction or solutions to my problem would be greatly appreciated.

Thanks! Hopefully it is not to hard huh

If there is anything anyone needs, the code pasted here, or anything else please let me know. Thanks again!