Как запретить пользователю вводить более двух цифр после десятичного числа?

Question

Ниже мое текстовое поле:

<input type="number" id="payement-textbox'+index+'" name="payment-textbox" min="0" max="100000" step="any" maxlength="9" class="payment" placeholder="--" value=""/>; 

Есть две проверки на моем типа номер текстового поля. Во-первых, пользователь не может ввести значение, превышающее 99999,99, которое я применил успешно. Другим является то, что пользователь не может ввести более двух цифр после десятичной дроби, которая не работает.

Вот мой JQuery код:

$('input.payment').on("change paste keyup", function(event) { 
      var max = parseFloat($(this).attr('max')); 
      var num = parseFloat($(this).val()); 
      if (num >= max) 
      { 
       $(this).val("99999.99"); 
      } 
      if(($(this).val().indexOf('.') != -1) && ($(this).val().substring($(this).val().indexOf('.')).length > 2)) 
      { 
      event.preventDefault(); 
      } 

     }); 

Не могли бы вы сказать мне, где я неправильно?

Answer 1

Try:

$("#yourinput").keyup(function(){ 
 
    var num = parseFloat($(this).val()); 
 
    if (num >= 99999.99) 
 
    { 
 
    $(this).val("99999.99"); 
 
    } 
 
    
 
    var number = ($(this).val().split('.')); 
 
    if (number[1] && number[1].length > 2) 
 
    { 
 
    var salary = parseFloat($("#yourinput").val()); 
 
    $("#yourinput").val(salary.toFixed(2)); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<input id="yourinput" pattern="\d+"> 
 
<span id=bad style="display:none;color:red">BAD</span>

Answer 2

Вы должны использовать это событие нажатие, так она будет срабатывать до ввода вводится.

Это будет работать:

$('input.payment').on("keypress paste keyup", function(event){ 
    //Your code 
})