CODEWITHSUNDEEP
asp.net-mvc
user2625648
user2625648

Reputation: 71

Textbox Telephone Number Format asp.net mvc

@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?

Upvotes: 2

Views: 8886

Answers (2)

ataravati
ataravati

Reputation: 9155

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)

Upvotes: 0

Elvin Mammadov
Elvin Mammadov

Reputation: 27387

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

Upvotes: 2

Related Questions