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: 226Bu ö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