Kullanıcıya 5xx-xxx-xxxx gibi bir telefon numarası yaptırabilmek için altına bir not düşüp doğru bilgi yazacağını ummak yerine Html'de JQuery ile kullanabileceğiniz çok şık masking kütüphaneleri var. Hem ilk validasyonu henüz burada çözmüş oluyorsunuz, hem de satırlarca kontrol kodu yazmanıza gerek kalmamış oluyor.
RobinHerbots tarafından hazırlanan inputmask kütüphanesini cdn olarak eklemek ve kullanmak için aşağıdaki kodları kodları kullanabilirsiniz:
HTML:
<label class="control-label col-sm-2">Telefon Numaranız:</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="telefonNumarasi" id="telefonNumarasi" value="">
</div>
JS:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
$('#telefonNumarasi').inputmask("(599) 999-9999");
Ekran:
