Textbox Telephone Number Format asp.net mvc

Question

@Html.TextBox("MyTextBox", "Value", new {style = "width:250px"})

I have textbox. I want to enter only phone numbers. The format is +1 (_) -___ Total 10 numbers (3+3+4)

How can I do it in Html.Textbox in asp.net mvc?

possible duplicate of [how to do an input with a mask](http://stackoverflow.com/questions/12578507/how-to-do-an-input-with-a-mask) — CodeCaster, Jul 31 '13 at 10:26

score 2 · Answer 1 · edited May 23 '17 at 11:49

2

There is no way masked Html.Textbox, you can use jquery for this (link) Or you can use DataAnnotation DisplayFormat for this

edited May 23 '17 at 11:49

Community

1
1

answered Jul 31 '13 at 10:41

Elvin Mammadov

25,329
11
40
82

score 0 · Answer 2 · answered Jul 31 '13 at 14:09

You can use a RegularExpression attribute in your Model like this:

public class MyModel
{
    // The regex maches this pattern: "+1 (xxx) xxx-xxxx" 
    [RegularExpression(@"^\+1 \(\d{3}\) \d{3}-\d{4}$", ErrorMessage = "Invalid Phone Number.")]
    public string PhoneNumber { get; set; }
}

Then, in your View, you'll have:

@Html.TextBoxFor(model => model.PhoneNumber)
@Html.ValidationMessageFor(model => model.PhoneNumber)

Textbox Telephone Number Format asp.net mvc

2 Answers2