5.00 / 1 oy

JQuery ile telefon numarası input masking yapmak

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:

html-telefon-numarasi-input

RainingCodes

14.01.2020 21:17

Bu soru henüz yanıtlanmamış.

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
JQuery ile telefon numarası input masking yapmak

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.