JavaScript - Email Validation With Javascript

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>

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

I can't seem to get any Email validation to work, at all. no matter what different tactic I try.

Right now I'm trying the most simplest of tactics..

Code:

if((document.subscribe.contacttype.selectedIndex==1) && (document.subscribe.email.value=="")){
		alert("Please enter a Valid Email Address.");
		return false;
		}
		else{
			if((document.subscribe.email.indexOf('@') < 0) || ((document.subscribe.email.charAt(email.length-4) != '.') && (document.subscribe.email.charAt(email.length-3) != '.')))
			{alert("you have entered an invalid Email Address. Please try again.");
			}
		}
}

Any suggestions? my 'Email' feed is displayed after the 'drop-down selector' has been chosen, thus, the invoking of the if selectedIndex==1 && email.value="" return false;.

Thanks for your assistance ahead of time.

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

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

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.

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>

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>

Hi,

validation for pin must not be allow given below conditions

6 rising consecutive numbers(e.g 123456,456789 etc)
6 Descending consecutive numbers (eg. 654321,987654)
All same digit (eg 111111,222222)
Same digit appearing 3 or more time in pin code (eg:121212,1111432)

1.I want to retain the value of the item selected from the drop down list even if the validation fails

2. The input element should be hghlighted red in colour which fails the validation
<html>
<script type="text/javascript">

<!--

function validate_form1 ( )
{
valid = true;

if ( document.contact_form1.question1.value=="" || document.contact_form1.question2.value == "" )
{
alert ( "Select at least one option." );
//document.getElementById("question1").focus();
document.getElementById('contact_form1').question1.focus();
valid = false;
}

return valid;
}

function validate_form2 ( )
{
valid = true;

if ( document.contact_form2.question1.value=="" || document.contact_form2.question2.value == "" )
{
alert ( "Select at least one option." );
//document.getElementById("question1").focus();
valid = false;
}

return valid;
}

//-->

</script>
<table border="5" width="300">
<tr>
<td>
<form name="contact_form1" action="DBsaving.php" method="post" onSubmit="return validate_form1 ( );">
1. Question <select name="question1"><option selected="q1" value="">Select One...</option><option value="1">Yes</option><option value="2">No</option></select><br /><br />
2. Question <select name="question2"><option selected="selected" value="">Select One...</option><option value="1">Yes</option><option value="2">No</option></select><br /><br />
3. Faculty ID : <textarea name="comments" rows="2" cols="4"></textarea>

<input type="submit" value="Submit" />
</form>
</td>
<td>
<form name="contact_form2" action="DBsaving.php" method="post" onSubmit="return validate_form2 ( );" >
1. Question <select name="question1"><option selected="q1" value="">Select One...</option><option value="yes1">Yes</option><option value="no1">No</option></select><br /><br />
2. Question <select name="question2"><option selected="selected" value="">Select One...</option><option value="yes">Yes</option><option value="no">No</option></select><br /><br />
3. Faculty ID : <textarea name="comments" rows="2" cols="4"></textarea>

<input type="submit" value="Submit" />
</form>
</td>
</tr>
</table>
</html>

Hello Every1

I need to edit the below form to use JavaScript to Validate if thr Title was put or Not .. its a template i use at my site to add comment and i want the Title to be Requier .Javascript seems the easiest way for me but dont know how.
PHP Code:
<{if $commentany.com_itemid}>
    <form action="comment_post.php" method="POST">
    <input type="hidden" name="com_itemid" value="<{$commentany.com_itemid}>">
    <input type="hidden" name="XOOPS_TOKEN_REQUEST" value="<{$commentany.xoops_token_request}>">
    <table class='outer' cellspacing='1' style="margin-top:2em;">
        <tr>
            <th colspan="2"><{$smarty.const._MB_COMMENTANY_LANG_NEW_COMMENT}></th>
        </tr>
        <{*
        <tr>
            <td class='head' align='left'><{$smarty.const._MB_COMMENTANY_LANG_RULE}></td>
            <td class='odd' align='left'>
                <{$commentany.rule_text}>
            </td>
        </tr>
        *}>
        <tr>
            <td class='head' align='left'><{$smarty.const._MB_COMMENTANY_LANG_ICON}></td>
            <td class='odd' align='left'>
                <{foreach item=i from=$commentany.com_icon}>
                    <input type="radio" name="com_icon" value="<{$i}>"><img src="<{$smarty.const.XOOPS_URL}>/images/subject/<{$i}>">
                <{/foreach}>
            </td>
        </tr>
        <tr>
            <td class='head' align='left'><{$smarty.const._MB_COMMENTANY_LANG_TITLE}></td>
            <td class='odd' align='left'>
                <input type="text" name="com_title" size="64" maxlength="255" value="<{$xoops_default_comment_title}>">
            </td>
        </tr>
        <tr>
            <td class='head' align='left'><{$smarty.const._MB_COMMENTANY_LANG_TEXT}></td>
            <td class='odd' align='left'>
            <{xoopsdhtmltarea name="com_text" cols=50 rows=4}>
            </td>
        </tr>
        <{*
        <tr>
            <td class='head' align='left'><{$smarty.const._MB_COMMENTANY_LANG_OPTION}></td>
            <td class='odd' align='left'>
                <input type="checkbox" name="dosmiley" value="1" checked><{$smarty.const._CM_DOSMILEY}><br/>
                <input type="checkbox" name="doxcode" value="1" checked><{$smarty.const._CM_DOXCODE}><br/>
                <input type="checkbox" name="dobr" value="1" checked><{$smarty.const._CM_DOAUTOWRAP}><br/>
            </td>
        </tr>
        *}>
        <tr>
            <td class='head' align='left'></td>
            <td class='even' align='left'>
                <input type='submit' class='formButton' name='com_dopreview' id='com_dopreview' value='<{$smarty.const._MB_COMMENTANY_LANG_PREVIEW}>' />
                &nbsp;<input type='submit' class='formButton' name='com_dopost'  id='com_dopost' value='<{$smarty.const._MB_COMMENTANY_LANG_SUBMIT}>' />
            </td>
        </tr>
    </table>
    <input type="hidden" name="dohtml" value="0" />
    <input type="hidden" name="dosmiley" value="1" />
    <input type="hidden" name="doxcode" value="1" />
    <input type="hidden" name="dobr" value="1" />
    </form>
<{/if}>

<{$commentsnav|replace:'button':'hidden'}>