检查'数字'的值html表单输入并仅在高于0时验证

时间:2017-02-09 23:14:27

标签: javascript

以下是我的vanilla js验证码。它工作正常,但我想添加一个特定于我的' number'输入字段。我希望它仅验证用户是否输入了高于0的数字,因此0不足以作为正确的输入。我尝试在我的验证函数中嵌套另一个if statement,但在控制台中不断出错并打破正确的工作代码。

function validateForm(){
    // var number = document.getElementById("number"); 
    var form = document.getElementById("form"), inputs = form.getElementsByTagName("input"), input = null, flag = true;
    for(var i = 0, len = inputs.length; i < len; i++) {
        input = inputs[i];
        // if the value is not a valid number or it's less than or equal 0 
        if(isNaN(input.value) || +input.value <= 0) { 
            flag = false;
            input.focus();
            console.log("Please fill all the inputs (with numbers > 0)");
            break;
        }
    }
    return(flag);ß
}

ie。尝试在嵌套时不起作用。

   if (parseInt(number) > 0 && !isNaN(number))) {
        // console 
      }
   else {
        // console 
      }

1 个答案:

答案 0 :(得分:1)

鉴于您的输入为type="number",您可以使用此条件

if (input.type == 'number' && +input.value <= 0) {
  // error, entered number less than or equal to 0
}