JavaScript - Email Validation Issue.

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?

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

This are my codes..

var add = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var email = form.txtEmail.value;
if (add.test(email) = false)
{
alert("Please enter a valid email.");
return false;
}
return true;
}

bt it wun work.. pls help..

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

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.

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

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. :)

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

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>

Hello

I have some JS email validation which does not appear to be working.

I originally had a form and decided to add validation to it, so I am adding JS to that original file.

My original form used this:

Code:

<form action="form_script.asp" method="POST" enctype="multipart/form-data" onSubmit="return onSubmitForm();">

and the validation script uses this:

Code:

<form name="theform" method="post" action="#" onSubmit="return check(this);">

I am trying to get them both to work.

How would I do that, please?

The test site is he http://proofreading4students.com/contact_test.asp

Thanks for any help.

Steve

Hello all,

I have had a look around the forums, but cannot find the answer that I am after. basically, I have a text area to enter a search, and I have already written the JavaScript part of it (unsure if this is where the problem lies). The text that will go into the text area is a URL. the search button is disabled if there are spaces in the query, or if the field is blank, else the button is enabled. The problem I'm having may or may not be to do with my script. The HTML is set to 'onKeyUp' and 'onBlur' to run the function. now, it works fine, unless the user uses the mouse to copy and paste a URL into the text area. the button remains disabled until the user focuses out of the text area then back in. if ctrl+v is used, then the function works. If you would like to see the script I have written let me know, I hope you have some ideas

Thanks in advance!

Ok, so I'm using two different scripts for my websites registrations. One is genvalidatorv4, from here. Now, instead of messing around with messy regular expressions for a birthday validation, I decided to hunt around for something procedural like the Facebook registration. I found this.

Now I have the validation running great up until the bday picker. See, that script uses Jquery to output the form select boxes on a page load. Here's the form's code:


Code:

				<form action="new_client_exec.php" id="newClient" method="post">
					<span>
						<label for='FirstName'>First Name:</label>
						<input type="text" id="FirstName" name="FirstName" />
						<div id='newClient_FirstName_errorloc' class='error_strings'></div>
					</span>
					<span>
						<label for='LastName'>Last Name:</label>
						<input type="text" id="LastName" name="LastName" />
						<div id='newClient_LastName_errorloc' class='error_strings'></div>
					</span>
					<span>
						<label for='Email'>Email:</label>
						<input type="text" id="Email" name="Email" />
						<div id='newClient_Email_errorloc' class='error_strings'></div>
					</span>
					<span>
						<label for='ConfirmEmail'>Confirm Email:</label>
						<input type="text" id="ConfirmEmail" name="ConfirmEmail" />
						<div id='newClient_ConfirmEmail_errorloc' class='error_strings'></div>
					</span>
					<span>
						<div id="bdayLabel">Birthday:</div>
						<div class="picker" id="bdaypicker"></div>
						<div class="clear"></div>
						<div id='newClient_birthmonth_errorloc' class='error_strings'></div>
					</span>
					<span>
						<input type="submit" name="submit" value="Submit" />						
					</span>
				</form>	
				<script type="text/javascript">
 					var frmvalidator  = new Validator("newClient")
						frmvalidator.EnableOnPageErrorDisplay();
						frmvalidator.EnableMsgsTogether();
						frmvalidator.addValidation("FirstName","req","Please enter your First Name");
 						frmvalidator.addValidation("FirstName","maxlen=24","Max length is 24");
						frmvalidator.addValidation("LastName","req","Please enter your Last Name");
 						frmvalidator.addValidation("LastName","maxlen=24","Max length is 24");
						frmvalidator.addValidation("Email","maxlen=50", "Max length is 50");
 						frmvalidator.addValidation("Email","req", "Please enter your Email");
 						frmvalidator.addValidation("Email","email", "This email appears to be invalid");
						frmvalidator.addValidation("ConfirmEmail","req", "Please confirm your Email");
						frmvalidator.addValidation("ConfirmEmail","eqelmnt=Email", "The confirmed password is not same as password");
				</script>

Now, when the page is run, it adds the bday fieldset into the <div class="picker" id="bdaypicker"></div>. As you can see, the validator accesses the field data via the "name" attribute, so I try to add validation to what the ids and names that the picker script adds but it doesn't work.

Now, I'm fairly new to Javascript and it's derivatives, but if classes, ids, and names are already being used or generated by other scripts, does that not allow you to access them elsewhere in a different script? I've tried just about everything else, including going into that picker script and modifying the names and ids it outputs. I'm sorry for not being able to post a full html page. I don't want links to this site floating around out there yet. If I need to I'll post a dummy page with all the necessary code. Thanks for any help!