Masking phone number using TextBoxFor

Question

I want to mask a phone number using html helpers (TextBoxFor)

there is my code

  Model :
        [Required(ErrorMessageResourceType = 
         typeof(ProcRec.Ressources.Candidat.ErreurValidation),
         ErrorMessageResourceName = "num_tel_obligatoire")]
         [RegularExpression(@"[0][6]\-\d{2}\-\d{2}\-\d{2}\-\d{2}$",
        ErrorMessageResourceType =   
        typeof(ProcRec.Ressources.Candidat.ErreurValidation),
         ErrorMessageResourceName = "num_tel_faux")]   
         public string num_tel { set; get; }

View :

     <script type="text/javascript">
      jQuery(function($){
        $("#date").mask("99/99/9999");
       $("#num_tel").mask("(999) 999-9999");
       $("#tin").mask("99-9999999");
       $("#ssn").mask("999-99-9999");
      });

        </script>

       <td>@Html.LabelFor(model => model.num_tel)</td>
       <td>@Html.TextBoxFor(model => model.num_tel)</td>

the validation is working

but when it comes to mask i get nothing

their is the result i get

. . . . . . .

Just havea look to http://digitalbush.com/projects/masked-input-plugin/ — Rahul, Aug 11 '14 at 10:11
i tried that but it's not working whith textboxfor... i think i'm missing somthing but i dont know where — saidmohamed11, Aug 11 '14 at 10:13
try to put the javascript code inside `$(document).ready(function(){/* put here */});` — Yuliam Chandra, Aug 11 '14 at 10:19
`jQuery(function($){ ....});` should be like `(function($){...})(jQuery);`... I am not sure but I have seen [this](http://stackoverflow.com/questions/2937227/what-does-function-jquery-mean) link. — Bhushan Kawadkar, Aug 11 '14 at 10:20
BhushanKawadkar no it's working just like the mask is not exist.......... YuliamChandra i tried that, stil have nothing — saidmohamed11, Aug 11 '14 at 10:22

score 2 · Accepted Answer · edited Sep 24 '20 at 01:05

2

I found a solution.
The problem was that I have not installed jQuery.MaskedInput plugin.

To install jQuery.MaskedInput, run the following command in the Package Manager Console:

PM> Install-Package jQuery.MaskedInput -Version 1.3.1

edited Sep 24 '20 at 01:05

Jimi

22,563
6
34
49

answered Aug 12 '14 at 17:28

saidmohamed11

275
4
14

Masking phone number using TextBoxFor

1 Answers1