AUTO FORMAT PHONE NUMBER OF UNITED STATES IN MVC 4

Royce Roy

Total Post:149

Points:1043
Posted by  Royce Roy
 8791  View(s)
Ratings:
Rate this:

Hi Guys


I have one textbox in my MVC 4 project. In this textbox user entered US phone number. I want to auto set US format phone number during entered or after leave the textbox.
US format phone number as following

Thanks

  1. AVADHESH PATEL

    Post:604

    Points:4228
    Re: auto format phone number of united states in MVC 4

    Hi Royce!

    You could try following line of code

    <script src="../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.maskedinput.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $("#phone").mask("(999) 999-9999");
        });
    </script>
    @Html.TextBox("phone", null)

    Note:
    "jquery-1.7.1.min.js" provided by MVC application
    "jquery.maskedinput.js" you can download from following link

    https://raw.github.com/digitalBush/jquery.maskedinput/1.3.1/dist/jquery.maskedinput.min.js

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!