Question

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

HTML：

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

当我输入＆＃34; 1111＆＃34;

显示无效但我想在点击提交按钮后进行验证

<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：

＆＃13;

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

＆＃13;

如果您不想使用HTML：

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

@Martijn Bots解决方案对我来说似乎很公平，如果你想这样做，那么你可以专门检查0.00，然后你的逻辑更正以验证范围＆gt; = 0.01到100

function validate()
{
   if ( jQuery("#mytext").val() == "0.00"
   || ( $("#mytext").val() >= 0.01 && $("#mytext").val() <=100)  
   )
      { 
     alert(true);
     }
    else {
      alert(false);
     }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="mytext" type="text" name="score" onblur="return validate();">

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

2 个答案: