ASP.NET MVC MaskedTextBox Kullanımı

Mvc'de masked Input kullanılabilmesi için ilk olarak projeye iki script dahil edilmelidir.

Bunlar; jquery-1.8.3.min.js ve jquery.maskedinput.min.js

İndirme Linki: http://s7.dosya.tc/server9/ou9n4k/masked.rar.html

Örnekte telefon numarası için masked kullanılmıştır.

View 
id = "phone" kısmına dikkat edilmeli. Buraya verdiğimiz isme göre sayfada javascript çağırılacak.

<div class="form-group">
                    <label>Telefon Numaranız</label>
                    @Html.TextBoxFor(a => a.telefon, new { @class = "form-control", @type = "text", id = "phone" })
                </div>

Javascript

İndirilen javascript dosyaları projeye dahil edilmeli. Phone id'li textbox yakalanır ve mask özelliği belirlenir. "999/999/9999" telefon için kullanılmıştır, farklı versiyonları kullanılabilir. Mask'ın içine yazılan şema geçerli olacaktır.

<script src="~/Content/Js/masked/jquery-1.8.3.min.js"></script>
<script src="~/Content/Js/masked/jquery.maskedinput.min.js"></script>
<script type="text/javascript">
jQuery(function($){
   $("#phone").mask("999/999/9999");
});
</script>