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

尝试：

$("#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
})

如何防止用户在十进制后输入两位以上的数字？

2 个答案: