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

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);
  });