JavaScript 表单验证。单选按钮和复选框。如何验证？

Question

我在单选框和复选框的 Javascript 表单验证方面遇到问题。

我有一个外部 .js 脚本，其中所有函数规则都链接在 html head 部分中。

例如，我的规则如下所示:

    function IsValid4DigitZip( str ) {
    // Return immediately if an invalid value was passed in
    if (str+"" == "undefined" || str+"" == "null" || str+"" == "")  
        return false;

    var isValid = true;

    str += "";

    // Rules: zipstr must be 5 characters long, and can only contain numbers from
   // 0 through 9
   if (IsBlank(str) || (str.length != 4) || !IsInt(str, false))
        isValid = false;

   return isValid;
} // end IsValid4DigitZip

我将该函数称为如下部分:

    if (IsValid4DigitZip(document.orderbooks.querySelectorAll("[name=postcode]")[0].value)) {

  } else {
    alert("Invalid postcode: You entered 3 or less digits. Please enter a 4 digit postcode");
    return false;
  }

有人可以帮助使用我的示例编写单选按钮和复选框的函数规则吗？

我只能使用Javascript。没有 Jquery。

谢谢。

Answer 1

第一个条件检查 str 是否有 truthy value ，第二个检查其长度，最后一个检查所有字符是否都是数字。

附注我假设您的 Rules 中的 5 是一个拼写错误，您的意思是 4。

function isValid4DigitZip(str) {
	return str && str.length === 4 && /^\d+$/.test(str);
}

console.log(isValid4DigitZip('1234'));
console.log(isValid4DigitZip('124a'));
console.log(isValid4DigitZip('0000'));
console.log(isValid4DigitZip('12345'));
console.log(isValid4DigitZip('abcd'));