HTML5 Form Validations with Pattern Matching

1501 0

$1*/ mo hosting! Get going with GoDaddy!

HTML5 Form validation is another type of client side validation . In HTML5 validation no javascript or jquery needed. Using HTML5 we can validate form with pattern.


Different type of Pattern Matching in HTML5

  1. Letter only
  2. Number only
  3. Email
  4. Password
  5. Phone no
  6. Alphanumeric
  7. URL

Letters Only
pattern=”[A-Za-z]+” accepts only capital or small letters.

Number only
pattern=”[0-9]+” accepts only numbers 0, 1, 2….

pattern=”[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$” accepts valid email address

Phone no
pattern=”^d{10}$” accepts only numeric values with 10 digit.

pattern=”^[a-zA-Z][a-zA-Z0-9-_.]{5,12}$” accepts alphanumeric values letters and digits.

pattern=”https?://.+” required title=”” accepts valid web url starting with http://.


In this article

Join the Conversation