Categories: JavaScript

Phone Number Validation Javascript

Phone number validation is an important part of validating an HTML form. On this artilce we will discussed how to validate a phone number in javascript. We made Phone number validation example after lots of trial, help using regular expression.
We solve this format. xxx-xx-xxxxxx

Notes : Fresher Need To Understand Regular Expression.

 <script type="text/javascript">
    function ValidateForm(){
        var ValidString = document.forms["myform"]["txtPhone"].value;
        var regexObj = /^(?([0-9]{3}))?[-. ]?([0-9]{2})[-. ]?([0-9]{8})$/;

        if (regexObj.test(ValidString)) {
            var formattedPhoneNumber =
                subjectString.replace(regexObj, "($1) $2-$3");
                alert("Success");
        } else {
            alert("Invalid phone number");
            return false;
        }
    }
  </script>

 <body>
  <form id="myform" name="myform" method="POST" action-xhr="#" onsubmit="return ValidateForm();">
    <input type="text" name="txtPhone" id="txtPhone">
    <input type="submit" name="submit" id="submit" value="I Agree">
  </form>
 </body>
Developer Diary

Share
Published by
Developer Diary

Recent Posts

Git Tag Cheat Sheet

Introduction Git tags are an essential feature of version control systems, offering a simple way…

3 months ago

Understanding Web Storage: Cookies, Local Storage

Introduction The methods that browsers employ to store data on a user's device are referred…

4 months ago

Setting up OpenVPN Access Server in Amazon VPC – AWS

Introduction A well-known open-source VPN technology, OpenVPN provides strong protection for both people and businesses.…

4 months ago

Enhance Error Tracking & Monitoring: Integrate Sentry with Node.js & Express.js

Introduction Integrating Sentry into a Node.js, Express.js, and MongoDB backend project significantly enhances error tracking…

4 months ago

Comparing Callbacks, Promises, and Async/Await in JavaScript

Introduction In the world of JavaScript development, efficiently managing asynchronous operations is essential. Asynchronous programming…

6 months ago

How To Secure Nginx with Let’s Encrypt on Ubuntu EC2 Instance

Introduction Let's Encrypt is a Certificate Authority (CA) that makes it simple to obtain and…

8 months ago