Member Avatar for realtureal

I made a simple javascript code but I am having problems validating the email. I am simply lost on how to do this. Can anyone help me on this?

:rolleyes:

  • 3 Contributors
  • 10 Replies
  • 368 Views
  • 2 Years Discussion Span
  • Latest Post Latest Post by TopDogger

Dani AI

Generated

Brief, practical addition that complements the thread and the replies from , and .

Use a single onsubmit handler to stop submission if the email is empty or clearly malformed, and keep the tests forgiving (so valid-but-uncommon addresses aren’t rejected). Attach the validator to the form (and keep the form name/action intact as recommended). Example validator (drop this into the page head or an external .js file and call it from the form’s onsubmit):

function validateForm(form) {
  var email = (form.Email.value || '').trim();
  if (!email) {
    alert('Please enter your email address.');
    form.Email.focus();
    return false;
  }
  var re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  if (!re.test(email)) {
    alert('Please enter a valid email address.');
    form.Email.focus();
    return false;
  }
  return true;
}

On the form tag use something like onsubmit="return validateForm(this);" so returning false prevents submission. Modern pages can also use <input type="email" required> for an extra client-side check, but that is not a substitute for server-side checks.

Do not rely on client-side validation alone: as pointed out, JavaScript can be bypassed. Verify your host supports a server-side mail handler (CGI/Perl, PHP, ASP) or use a trusted form-to-email service. Also check your hidden fields (the field that tells the mailer where to send) contains a plain email address value — an embedded HTML anchor will not work as the script target. Finally, test with empty, invalid and valid addresses (including plus signs and subdomains) and confirm the mail actually arrives.

Recommended Answers

All 10 Replies

Member Avatar for realtureal

I made a simple javascript code but I am having problems validating the email. I am simply lost on how to do this. Can anyone help me on this?

:rolleyes:

If anyone knows of an information form that I can use that has validation for email, that would be helpful also.

On this form I need name, company name, email fax, tel, country, state and questions. The only thing that I need is to make sure they done leave the email blank, a pop up to remind them to fill in their email.

Any help is appreciated, thanks

Member Avatar for Comatose

Post The Code, And I can help

Member Avatar for realtureal

Thanks, Here it is I think this is the right way to post it

<font size="3" color="#000000" face="Arial,Helvetica,sans-serif"><input type="hidden" name="tlx_SortOrder" value="Name,Your Email,State,Country,Comments">
<input type="hidden" name="tlx_FormIndex" value="2">
<input type="hidden" name="tlx_OKMessage" value="Thank you for your request for information. We will respond back to you in a timely manner. If you forgot or didn't enter a vailid email address please hit the arrow to resend with a vaild email address. we can't contact you if you don't give us a valid return address. Your email address will never be placed on any list or traded.">
<input type="hidden" name="tlx_SendMode" value="1">
<input type="hidden" name="tlx_Subject" value="Email form Turf website">
<input type="hidden" name="tlx_EmailTo" value="">
</font>
<table cellpadding="0" cellspacing="1" border="0" align="center" width="454">
<tr>
<td align="left"> Name:<br>
<input type="text" name="FirstName" size="50" maxlength="100">
</td>
</tr>
<tr>
<td align="left" height="51">Your Email:<br>
<input type="text" name="Email" size="50" maxlength="100">
</td>
</tr>
<tr>
<td align="left">State:<br>
<input type="text" name="State" size="50" maxlength="100">
</td>
</tr>
<tr>
<td align="left">Country:<br>
<input type="text" name="country" size="50" maxlength="100">
</td>
</tr>
<tr>
<td align="left">Comments:<br>
<textarea name="Comments" rows="5" cols="100"></textarea>
</td>
</tr>
<tr>
<td align="right">
<input type="reset" name="reset">
<input type="submit" value="Send" name="tlx_send">
</td>
</tr>
</table>

Member Avatar for Comatose

Go There, Right Click on the page, and view source. That will give you all the code to do the javascript for validating the email (making sure the box is not empty, and it has an @ sign, etc). It also validates all the other fields, EXCEPT for the comments box... but you can just remove those if's and it will still work fine.

Member Avatar for realtureal

Thank you very much. My knowledge is real limited on forms. the previous form went through a third party to convert it into a email. I do not have the CGI option on my site. (to my knowledge) Do I activate this? Also can it be directed via a third party CGI hosting service? the one I build the form on was trelix and I still continued to use that link on this Form. Am I making any sense or do i need to contact my hosting company to set up properly? Sorry for my lack of knowledge.

Again I do thank you for the Script

Member Avatar for Comatose

However The Form i set up to set it up as email is the way to do it.... the thing is this: the form name (where it says <FORM NAME="datafrm"> MUST be in there for the javascript to work correctly. The thing is, it needs an ACTION so it knows who or what to contact with the information in the Form. Action should point to your 3rd party (most likely)

Member Avatar for realtureal

Thanks Again. I am understanding that third party mean a CGI hosting service? Or can third party mean my website? If it can be directed to my web site, then I need to have my CGI option activated. AM I CORRECT in understanding this?

Note: you are listed as a Junior techie and I am listed as a Junior techie....However your knowledge is far greater then mine, so you should be promoted or I should be Demoted. ;) You help is greatly appreciated, thanks

Member Avatar for Comatose

Ok,

My question to you is this: when they click "submit" what is supposed to happen?


note: Thanks.

Member Avatar for Comatose

When They click "submit" the page is supposed to pass that information to another program. That program can be a CGI, it can be an ASP file, it can even be another web page. What You need to know, is to who or what that information is going to go to? Is it going to be sent as an e-mail to someone? If so, how is it going to get to him?

Member Avatar for TopDogger

Here is a tutorial that shows you how to validate foms using JavaScript. Just cut-and-paste the code and follow the instructions.

This includes a routine to validate e-mail addresses.

When a user clicks the Submit button, the JavaScript routine will validate the input before it gets sent to your e-mail handler or other script that will process the data.

Keep in mind that JavaScript is not a reliable way to do this if you need to assure that bogus information is not submitted. It is easy to turn off JavaScript in a browser and bypass any JavaScript validations.

Server side validation is an important second step to filter important data. That will require ASP, PHP, Perl or some other server-side language.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.