Comments on: Email Validation Using jQuery

By: Lee

Lee — Sat, 28 Jan 2012 10:58:22 +0000

Hi,

Good suggestion

By: OffLuffy

OffLuffy — Sat, 28 Jan 2012 07:42:38 +0000

Thanks for the code! I only have one suggestion, if in fact someone hasn’t already mentioned it. In the process of using this code, it occurred to me that I could hit return/enter while in the form, and it was skip the validate process (since it’s only set to validate upon clicking the submit button). My suggestion is that instead of:
$(‘#btn-submit’).click

Select the form with the jQuery selector and use the .submit method.
$(“#form”).submit

This way it’ll still validate when using the return key, or if the submit button is used, assuming the submit button is in the form.

Thanks a lot for the code, very useful!

By: peter drinnan

peter drinnan — Tue, 01 Nov 2011 15:56:26 +0000

Just a suggestion for the code in step 3 would be to return a true value by default and false only is it is not validated.

Great examples all in all. Thanks for that.

By: Lee

Lee — Thu, 27 Oct 2011 17:29:13 +0000

test() is a standard javascript function for checking strings against regular expressions

By: Ezequiel Lavaca

Ezequiel Lavaca — Thu, 27 Oct 2011 14:54:49 +0000

(!emailReg.test(emailaddressVal) I did not catch up the idea of this line. I looked for .test() method and no results so far

By: Lee

Lee — Sat, 16 Jul 2011 08:53:09 +0000

Hi,

Thanks. Glad it helped

By: Shubhamoy

Shubhamoy — Sat, 16 Jul 2011 08:17:39 +0000

Thanks a lot for such a nice tutorial! It really helped me a lot

By: Lee

Lee — Fri, 01 Jul 2011 18:00:24 +0000

Hi,

That is just a CSS issue – just change the error message background image

By: Khalid

Khalid — Fri, 01 Jul 2011 12:55:58 +0000

Hey pro, much appreciated your solution. its easy and simple. I was just thinking, if the error message can be shown as a label hanging down the email input area….

By: Lee

Lee — Wed, 08 Jun 2011 03:29:19 +0000

Hi Scott – you are correct. It should be remove()

By: Scott Gartner

Scott Gartner — Tue, 07 Jun 2011 21:18:17 +0000

Thanks for this article. Just a comment on your method of clearing previous errors. You use this line:

$(".error").hide();

which hides previous error DIVs, but the text remains in the DOM. It seems like a better solution would be:

$(".error").remove();

Which actually removes the previous error DIVs from the DOM.

By: Lee

Lee — Tue, 03 May 2011 14:50:32 +0000

Hi Hariis – update which part?

By: hariis ravikumar

hariis ravikumar — Tue, 03 May 2011 14:40:58 +0000

Thanks for good jquery, i like ur effective solution.. please can u update sending email function using jquery

By: John Blackshaw

John Blackshaw — Thu, 03 Feb 2011 16:43:15 +0000

Thanks for this, great tutorial and very easy to implement =D

By: Ivan Perez

Ivan Perez — Wed, 26 Jan 2011 23:17:14 +0000

Nice tutorial! i would like to apply “fade in effect” when the message error appears, i’m having hard times how to implement it so…

By: aravind ajith

aravind ajith — Sat, 11 Dec 2010 09:24:53 +0000

works like a charm! Thanks

By: Form Validation Using jQuery and Regular Expressions « Design Chemical – Web Design, Printing, Packaging & SEO

Fri, 19 Nov 2010 22:37:26 +0000

[...] For this tutorial we assume you know how to create the HTML form and add jQuery to your site. For samples you can refer to previous posts – check passwords using jQuery or email validation using jQuery. [...]

By: Online Portfolio

Online Portfolio — Fri, 19 Nov 2010 19:25:27 +0000

Excellent! Looks great especially after adding speeds to the hide and show functions.

By: hiuyu

hiuyu — Thu, 01 Jul 2010 07:52:10 +0000

thank you for your tutorial.
your teaching is wonderful !!!!

the post is a hope for me.
really.

By: Cesar Laorange

Cesar Laorange — Sat, 01 May 2010 18:21:27 +0000

I was searching for article on this topic and i was lucky to find yourblog.I will also send this url to my friend so he can also read and complete our project.hope to get some good marks in this project.Thank you for this awesome post.