Blog Yazarı Olmak İster misin?

Kaleminize güveniyorsanız, bloğumuzda özgürce web, hosting, teknoloji ve programlama dilleri üzerine makale yazabilirsiniz. Bizde sizi sürekli hediye kuponlar ile ödüllendiririz. Blog Yaz!


İnputa Yalnızca Decimal Formatta Rakam Yazılmasını Sağlama

Tahmini okuma 0 dakika 34 saniye Görüntülenme: 226

Bu örnekte, input alanına sadece rakam yazılabilecek,  virgüllü rakamlar yazılamayacak nokta ile ondalık kısmı bölünmüş rakamlar yazılabilecek. Aynı zamanda noktadan sonra küsurat kısmına sadece iki haneli rakam yazılabilecek. Örnek; 15.22 gibi.

<input type="text" pattern="^\d*(\.\d{0,2})?$" name="tutar">

Yukarıda ki desenin eklendiği tüm inputlar yazım şekline tepki gösterecektir. Tabi aşağıdaki kodumuzu da dahil ettikten sonra.

  $(document).on('keydown', 'input[pattern]', function(e){
    let input = $(this);
    let oldVal = input.val();
    let regex = new RegExp(input.attr('pattern'), 'g');

    setTimeout(function(){
      let newVal = input.val();
      if(!regex.test(newVal)){
        input.val(oldVal); 
      }
    }, 0);
  });

4 ay önce Özkan Işık tarafından yazıldı. Son güncelleme 02.05.2022 20:14

Yorum Yap


İlk yorumu yapan sen ol!
Blogtan Son Yazılar

Yeni Ürünlerden İlk Siz Haberdar Olun!

Şimdi abone olarak yeni ürün ve indirim kampanyalarından anında faydalanın!

veya üye olmak isteyebilirsiniz

Üye Ol