Support us .Net Basics C# SQL ASP.NET Aarvi MVC Slides C# Programs Subscribe Download

Client side validation using regular expression

Suggested Videos
Part 48 - Tools for writing regular expressions
Part 49 - JavaScript strings and regular expressions
Part 50 - JavaScript RegExp object

In this video we will discuss, how regular expressions can be used to perform client side validation.

On most of the websites it is common to check if the format of the email is valid. Using regular expressions we can achieve this very easily.

Invalid email : 
javascript validate email regex

Valid email : 
javascript validate email regular expression

Here is an example:
Email : <input type="text" id="txtEmail" onkeyup="validateEmail()" />
<script type="text/javascript">
    function validateEmail()
        var emailTextBox = document.getElementById("txtEmail");
        var email = emailTextBox.value;
        var emailRegEx = /^(([^<>()[\]\\.,;:\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,}))$/; = "white";

        if (emailRegEx.test(email))
   = "green";
   = "red";

JavaScript tutorial

No comments:

Post a Comment

It would be great if you can help share these free resources