Web Development Blog

by Ei Sabai Nyo

30 Apr, 2009

10 Examples of Basic Input Validation in Javascript    

var input = "hello222";
var ok = false;

var dob_regex = /^([0-9]){2}(\/){1}([0-9]){2}(\/)([0-9]){4}$/;   // DD/MM/YYYY
var email_regex = /^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;  // email address
var username_regex = /^[\w.-]+$/;  // allowed characters: any word . -, ( \w ) represents any word character (letters, digits, and the underscore _ ), equivalent to [a-zA-Z0-9_]
var num_regex = /^\d+$/; // numeric digits only
var search_regex = "/hello/"; 
var password_regex = /^[A-Za-z\d]{6,8}$/;  // any upper/lowercase characters and digits, between 6 to 8 characters in total
var phone_regex = /^\(\d{3]\) \d{3}-\d{4}$/;  // (xxx) xxx-xxxx  
var question_regex = /\?$/; // ends with a question mark

1. Check that there are at least 3 numeric characters in input

if ( input.match(/d/g) == null ) {
	 ok = false;
} else if ( input.match(/d/g).length < 3 )  {
	 ok = false;	
} else {
	 ok = true;	
}

2. Check that the input has a minimum of 8 characters

if ( input.length >= 8 ) {
	 ok = true;	
}

3. Check that the input is in a correct date format (DD/MM/YYYY)

if ( dob_regex.test(input) ) {
	ok = true;	
}

4. Check that the input is in a correct email format (username@example.com)

if ( email_regex.test(input) ) {
	ok = true;	
}

5. Check that the input matches the specified username format

if ( username_regex.test(input) ) {
	ok = true;	
}

6. Check that the input contains only numeric characters

if ( input.match(num_regex) ) {
	ok = true;	
}

7. Search for a specific word in the input

if ( input.search(search_regex) != -1 ) {
	ok = true;	
}

8. Check that the input matches the specified password format

if ( input.match(password_regex) ) {
	ok = true;	
}

9. Check that the input matches the specified phone number format

if ( input.match(phone_regex) ) {
	ok = true;	
}

10. Check that the input is a question (ends with a question mark)

if ( question_regex.test(input) ) {
	ok = true;	
}

To test the Regular Expressions (RegEx) mentioned in this blog, you can use this tool.

Love what you've just read? Subscribe to our newsletter to receive tips, resources and special offers related to web development & design.
Your name:   Your email:  

3 Responses to “10 Examples of Basic Input Validation in Javascript”

  1. SeanJA says:

    How about putting those in a function so that when submitted or entered you can run validatePassword(password) rather than running though it all functionally.

  2. [...] artículo comienza con unos ejemplos de expresiones regulares en javascript: var input = [...]

  3. cyberterrorism says:

    im not understand about that!!

    i need validation input numeric and symbol no alphabet…. please!!

Profile PicHello! Welcome to Web development blog! My name is Ei Sabai and on this blog, I write about web development, mobile app development, latest web technologies and the likes. Read more about me or have a look at some of the tips & resources I've written.
Subscribe to our newsletter to receive tips, resources and special offers related to web development & design.
We do NOT spam.
Your name:  
Your email:  

Tips & Resources

Tips & Resources
WordPress Web Hosting
Recommended web hosting providers for WordPress 3.0
iPhone Native App Development
Important steps into iPhone app development for beginners
iPhone Web App Development
Tips for iPhone web app development
Coupons for Web Developers
Get discounts on web hosting, domain names, templates, etc
10 Useful jQuery Snippets
Easy-to-use jQuery snippets for any website
HTML Email Newsletter
Step-by-step tutorial on how to code an HTML email newsletter
  • bluehost Hosting $6.95/month
  • Joomla Templates

Recommended Book

Categories