随机值不正确的 jQuery 十进制验证

Question

如何使用jQuery验证输入框中的随机值十进制数？

我在下面有示例代码：

$("#actualWeight").on('keyup', function(e) {
  if (e.keyCode == 13) {
    var actualWeight = $("#actualWeight").val();
    var maxGrossWeight = "3.6";
    var minGrossWeight = "2.4";
    if (actualWeight > maxGrossWeight) {
      alert("More than max gross");
    } else if (actualWeight < minGrossWeight) {
      alert("Lower than min gross");
    } else {
      alert("Success");
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="text" id="actualWeight" />

如您所见：
最小总值 = 2.4
最大毛额 = 3.6

当我尝试输入200时，它向我显示警报Success应该向我显示警报More than max gross。

你可以在这把小提琴上看到它

Answer 1

.val()将

输入的值作为字符串返回。因此，您正在比较字符串值。

您应该将maxGrossWeight和minGrossWeght设置为float变量，并在进行比较之前解析输入元素的值为float：

 var actualWeight = parseFloat($("#actualWeight").val());
 var maxGrossWeight = 3.6;
 var minGrossWeight = 2.4;

工作演示