Jquery输入文本允许小数,值介于0.00和100之间

Question

Jquery输入文本允许小数,值介于0.00和100之间

HTML:

<input name="score type="number" min="0.01" max="100" step="0.01">

我输入"1111"时显示无效但我想点击提交按钮后验证

<input type="text" name="score">
<input type="submit">

脚本:

if($(this).val()<= 0.01 && ($(this).val() <=100)){ // allow 0.01 to 100 100
     return true;
}

我想在字段中只允许小数

Answer 1

您可以使用HTML:

<input type="number" min="0" max="100" step="0.01">

如果您不想使用HTML:

$(document).on("ready", function() {
  
  $("#form").submit(function(e) {

    var scoreVal = $("#score").val();
    
    if(parseInt(scoreVal) <= 0 || parseInt(scoreVal) > 100) {
      
      e.preventDefault();
      
      console.log("Wrong value was entered!");
    
    }
    
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form">
  <input id="score" type="text" name="score">
  <input type="submit">
</form>