Agree Phone Number Field For Free

The simplest HTML validation feature is the required attribute. To make an input mandatory, add this attribute to the element. When this attribute is set, the element matches the :required UI pseudo-class and the form won't submit, displaying an error message on submission when the input is empty.

HTML Demo: <input type="tel"> <label for="phone">Enter your phone number:</label> <input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required /> <small>Format: 123-456-7890</small>

HTML Demo: <input type="tel"> <label for="phone">Enter your phone number:</label> <input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required /> <small>Format: 123-456-7890</small>

You can use the ?+? symbol in place of ?011? if dialing from a cell phone. The ?+? sign is usually the same key as ?0? on a smartphone's keypad. Some countries share a country code. For example, Canada, the United States, some places in the Caribbean, and Guam share ?1? as a country code.

Validation of a number If the number is assigned by a telecom authority and has a carrier and line type. The type of line assigned to the number (mobile, VoIP, toll-free, landline, etc.) To which region the number belongs to. The name of the carrier. The format of the phone number (in standard and local accepted format)

As you can see, the type attribute has been set to ?tel.? Also, it has a pattern attribute, which takes a regular expression: "[0-9]{3}-[0-9]{3}-[0-9]{4}". It will be used during the phone number validation. By using the HTML5 ?tel? input, you can do phone number validation with shorter code.

Mobile Number validation criteria: The first digit should contain numbers between 6 to 9. The rest 9 digit can contain any number between 0 to 9. The mobile number can have 11 digits also by including 0 at the starting. The mobile number can be of 12 digits also by including 91 at the starting.