Email Validation In Javascript

Introduction

When you are developing a page in pure HTML, then you can face a problem for email validation as the html page does not support the regular expression validation or any server side controls.

Then you may need this one, that You have to validate that entry by some javascript method, whether the email address entered is a correct one or not.
Here I am going to explain this with a piece of code, which will be easier to understand and implement. So lets start.


The Trick to Validate the Email in Javascript

Take two html inputs one is of type text and another of type submit.
<input input type="text" name="txtEmailId" id="txtEmailId" /> 
<input type="submit" class="button" value="Suscribe" name="Suscribe"  onclick="javascript:ShowAlert()" />
Now the java script function is bellow which has the regex for performing the email validation. Past it to the head section of your page
<script type="text/javascript">
 function ShowAlert() {
  var email = document.getElementById('txtEmailId');
  var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!filter.test(email.value)) {
        alert('Please provide a valid email address');
        email.focus;
        return false;
    }
    else {
        alert("Thanks for your intrest in us, Now you 
        will be able to receive monthly updates from us.");
        document.getElementById('txtEmailId').value = "";
    }
 }
 </script> 
That's it, now you have successfully validated your html tags. Happy coding.....

18 comments:

  1. Heya are using Wordpress for your blog platform? I'm new to the blog world but I'm trying to
    get started and set up my own. Do you require any coding knowledge to
    make your own blog? Any help would be greatly appreciated!


    My homepage ... http://beyondraspberryketones.com

    ReplyDelete
  2. Amazing! Its truly amazing paragraph, I have got much
    clear idea concerning from this article.

    Also visit my page - Raspberry ketone

    ReplyDelete
  3. This info is invaluable. When can I find out more?


    Also visit my web page PureBerry Max Raspberry Ketone

    ReplyDelete
  4. Way cool! Some very valid points! I appreciate you writing
    this post and the rest of the site is extremely good.


    Feel free to surf to my webpage - mouse click the next page

    ReplyDelete
  5. This comment has been removed by a blog administrator.

    ReplyDelete
  6. Hello there! I know this is somewhat off topic but I
    was wondering which blog platform are you using for this website?
    I'm getting fed up of Wordpress because I've had problems with hackers and I'm looking at alternatives for another platform. I would be great if you could point me in the direction of a good platform.

    Also visit my web page - Click That Link

    ReplyDelete
  7. Excellent web site you've got here.. It's hard to find good quality writing
    like yours these days. I honestly appreciate
    people like you! Take care!!

    Check out my weblog :: Raspberry Ketone Supplement

    ReplyDelete
  8. This is the perfect website for anyone who would
    like to find out about this topic. You understand
    a whole lot its almost hard to argue with you (not that I actually would want to…HaHa).
    You certainly put a new spin on a topic which has been discussed for a long time.

    Wonderful stuff, just wonderful!



    http://www.australiawow.com.au/wiki/Index.
    php

    Feel free to visit my web-site; Raspberry ketone

    ReplyDelete
  9. Hi my friend! I want to say that this article is awesome, great
    written and come with approximately all significant infos.
    I'd like to see extra posts like this .

    Here is my website - Automated pay day

    ReplyDelete
  10. Definitely believe that which you said. Your favourite justification appeared to be at the net the
    simplest thing to bear in mind of. I say to you, I definitely get irked at the same time
    as other folks think about issues that they plainly don't know about. You managed to hit the nail upon the top as neatly as outlined out the whole thing without having side-effects , other people could take a signal. Will probably be again to get more. Thank you

    Max Thermo Burn Muscle

    ReplyDelete
  11. Fascinating blog! Is your theme custom made or did you download it from somewhere?
    A theme like yours with a few simple tweeks would really make my blog shine.
    Please let me know where you got your design.
    Thank you

    my web site ... Buy Androsolve

    ReplyDelete
  12. Hey, I think your blog might be having browser compatibility issues.
    When I look at your blog site in Chrome, it looks fine but when opening in Internet
    Explorer, it has some overlapping. I just wanted to give you a quick heads up!
    Other then that, excellent blog!

    Feel free to surf to my homepage Blast XL

    ReplyDelete
  13. What's up, I wish for to subscribe for this webpage to take latest updates, so where can i do it please help out.

    Here is my homepage; make cash online

    ReplyDelete
  14. Nice post. I was checking constantly this blog and I'm impressed! Very helpful information particularly the last part :) I care for such info much. I was looking for this particular information for a very long time. Thank you and best of luck.

    my blog post ... pure garcinia cambogia

    ReplyDelete
  15. If you would like to increase your know-how only keep visiting this website
    and be updated with the hottest news update posted here.


    testostrong review (http://testostrongfacts.com)

    ReplyDelete
  16. Great post. I was checking constantly this blog and I am impressed!
    Extremely useful info particularly the remaining part :) I care for such
    information a lot. I used to be seeking this certain information for a long time.
    Thank you and best of luck.


    buy corexin

    ReplyDelete
  17. Hmm it appears like your blog ate my first comment (it was super
    long) so I guess I'll just sum it up what I wrote and say, I'm thoroughly enjoying your blog.
    I as well am an aspiring blog blogger but I'm still new to everything. Do you have any tips for novice blog writers? I'd definitely appreciate
    it.

    Also visit my web blog :: 100 Day Loan

    ReplyDelete
  18. Have you ever thought about adding a little bit more than
    just your articles? I mean, what you say is important
    and everything. Nevertheless just imagine if you added some great pictures or
    video clips to give your posts more, "pop"! Your content is excellent but with pics and video clips,
    this website could undeniably be one of the most
    beneficial in its field. Terrific blog!

    Stop by my website; Cambogia trim reviews

    ReplyDelete