@model HelloWorldMvcApp.Person
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Telefon Formatı</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
@using (Html.BeginForm())
<div class="form-group alert-danger">
@Html.ValidationSummary()
@Html.LabelFor(m => m.Name)
@Html.TextBoxFor(m => m.Name, new { @class = "form-control" })
@Html.LabelFor(m => m.Surname)
@Html.TextBoxFor(m => m.Surname, new { @class = "form-control" })
@Html.LabelFor(m => m.PhoneNumber)
@Html.TextBoxFor(m => m.PhoneNumber, new { @class = "form-control", placeholder ="5XX XXX XX XX" , id = "phone" })
<input type="submit" value="Gönder" class="btn btn-default" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
$(document).ready(function ($) {
$("#phone").mask("599 999 99 99");