一个 If 语句，用于查找数字字段是否留空或有太多小数位，但如果小数位只有零则忽略

Question

我有这一行代码：

if ($val === "" || ($val.split(".")[1] || "").length > 2)

感谢这里好心人的帮助。但是这行代码会计算小数点后 2 位以上的数字，即使数字都是零。

问题在于人们可以添加 2.00，这很好，但不能添加 2.000，它是相同的数字。所以我想再添加一个||允许人们添加多个零小数位的语句。

整个代码是这样的：

$(document).ready(function() {
  $("#submitCalculation").click(function() {
    $(".checkLength").each(function() {
      $val = $(this).val();
      if ($val === "" || ($val.split(".")[1] || "").length > 2) {    
        $(this).popover({
          html: true, 
          placement: "bottom",  
          content: '<textarea class="popover-textarea"></textarea>',
          template: '<div class="popover"><div class="arrow"></div>'+
              '<div class="row"><div class="col-3 my-auto"><i class="fas fa-exclamation-triangle" id="invalid-input7">'+
              '</i></div><div class="popover-content col-9">Enter a value between 2 and 50 m with up to 2 decimal places.'+
              '</div></div>' 
        });
        $(this).popover("show");
        $(this).click( function() {
            $(this).popover("hide");
        });
      }
    })
  })
}) 

它检查输入的数字是否有效，如果该字段为空白，弹出框会告诉他们并且脚本会停在那里。如果该字段的小数位太多，poppver 会告诉他们，脚本会停在那里。但是，现在的问题在于人们可以添加多个零小数位，脚本不会停止，但弹出框仍然会弹出。

期待您的帮助，这件事困扰了我一段时间。

Answer 1

这应该可以完成工作：

console.log("my answer:","1.2345,0.0103,4.56,2.3400,123.22000,234"
.split(",").map(val=>{
  let m=val.match(/\.\d\d(.*)/);
  return val+': '+!!(m&&m[1]>0) 
}) );

// the following is Barmar's method which gets it wrong in 4 cases:
console.log("Barmar's answer:","1.2345,0.0103,4.56,2.3400,123.22000,234"
.split(",").map(val=>
  val+': '+!!(val == "" || val.match(/\.\d{0,2}[1-9]+/))) );

在你的脚本中你需要替换

$val = $(this).val(); 
if ($val === "" || ($val.split(".")[1] || "").length > 2) { ...

与

$val = $(this).val(); 
let m=$val.match(/\.\d\d(.*)/);
if (!!(m&&m[1]>0)) { ...

Answer 2

在检查之前将数字转换为浮点数，因为这将丢弃小数点后的尾随零。然后使用正则表达式检查小数点后是否有太多数字。您也可以使用isNaN 来检查它是否根本不是数字。

$(document).ready(function() {
  $("#submitCalculation").click(function() {
    $(".checkLength").each(function() {
      const $val = $(this).val();
      let valid = true;
      const valFloat = parseFloat($val);
      if (isNaN(valFloat)) {
        valid = false;
      } else if (/\.\d{3}/.test(valFloat.toString())) {
        valid = false;
      }
      if (!valid) {
        console.log("Invalid input");
      } else {
        console.log("Valid input");
      }
    })
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="checkLength">
<button id="submitCalculation">Check</button>