如何计算 javascript 中带前导零的数字的位数？

Question

我正在获取一个字段值，它应该是一个 4 位数字。

我想确保该值是 4 位数字，如果不是，则弹出“输入 4 位数字”。

我注意到，当我将字段值放入变量中时，它不会使用任何前导零。 我运行代码的最后一个测试用例是值“0000”。

var relay = this.getField("RELAY NUM").value;
var relayString = relay.toString();
var relaySplit = relayString.split("");
    
console.println("relay= " + relay);
console.println("string= " + relayString);
console.println("split= " + relaySplit);
    
for(i = 0; i < 4; i++){
    if (relaySplit[i] >= 0) {
        console.println("Looks good so far");
    } else {
        console.println("Please enter 4 digit number");
    }
}

--------------------------------------------------------
relay= 0
string= 0
split= 0
Looks good so far
Please enter 4 digit number
Please enter 4 digit number
Please enter 4 digit number

true

Answer 1

除了遍历 arrays，您可能需要考虑的一种方法是使用正则表达式来确定输入值是否符合您的标准。 然后在诸如 keyup 之类的事件上（在此处使用 jQuery 但不是必需的），您运行验证并应用 styles，或根据需要发送弹出窗口。 我对输入的长度进行了限制，因此用户无法输入比预期输入更多的输入，但这并不是必需的。

 $("#input").keyup(function() { let input = $("#input").val() let isValid = validate(input) $("#val").text(isValid? "Valid": "Invalid") }) function validate(val) { let x = /^[0-9]{4}$/ return x.test(val) }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div> <input type="text" id="input" maxLength="4" /> <label id="val"></label> </div>