Accept Phone Field For Free

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>

The Phone field lets people enter a phone number in U.S. or international format, depending on the Phone Format setting you select.

Phone number validation using a simple Regular expression 0-9]{3}[-\s\.]?[ 0-9]{4,6}$/im; return re. test(input_str); } function validateForm(event) { var phone = document. getElementById('myform_phone').

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.

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>