如何查找输入是否为空？

在我的脚本中，除了空输入的输出之外，一切正常。如何查找输入是否为空？

<input id="id1" type="number" max="100" min="40"> 

    <button onclick="count()">OK</button> 

    <p id="test"></p> 

<script>  

var inpObj = document.getElementById('id1'); 

    function count() { 
     if(inpObj.checkValidity() == false || inpObj.length === 0) { 
      document.getElementById('test').innerHTML = inpObj.validationMessage; 
     } else { 
      document.getElementById('test').innerHTML = "Input OK"; 
     } 
    } 

</script>

我不知道为什么这不起作用。

谢谢。

来源

2016-05-23 super11

的价值是什么'inpObj.checkValidity'和'in pObj.validationMessage'？你是什么意思，它不工作？浏览器控制台中是否有错误？ – gurvinder372

我正在学习本教程，它是javascript验证api部分：http://www.w3schools.com/js/js_validation_api.asp – super11

试试这个：

function count() { 
     if(inpObj.checkValidity() == false) { 
      document.getElementById('test').innerHTML = inpObj.validationMessage; 
     } else if(inpObj.value.length === 0) { 
      document.getElementById('test').innerHTML = "Empty" 
     } else { 
      document.getElementById('test').innerHTML = "Input OK"; 
     } 
    }

参见：https://jsfiddle.net/Ldj170Lc/

来源

2016-05-23 11:47:35

它现在正在工作，所以'validationMessage'不适用于空字符串。你需要特别为这种用法做一个'else if'语句。谢谢！ – super11

试试这个：

长度应用于字符串而不是输入对象。 inpObj是HTML对象（输入）

if(inpObj.checkValidity() == false || inpObj.value.length === 0) { 
}

来源

2016-05-23 11:39:37 prashant

不，不工作。什么都没发生。 – super11

您应该使用inpObj.value.length代替inpObj.lengthhttps://jsfiddle.net/IA7medd/g7e0bLjc/

var inpObj = document.getElementById('id1'); 

    function count() { 
    if(inpObj.checkValidity() == false || inpObj.value.length === 0) { 
     document.getElementById('test').innerHTML = inpObj.validationMessage; 
    } else { 
     document.getElementById('test').innerHTML = "Input OK"; 
    } 
    }

来源

2016-05-23 11:45:51

在你的小提琴中，validationMessage没有被输出...... – super11

它工作正常，只是尝试在输入上粘贴一个文本，并输出validationMessage –

不，它不是。看到上面的正确答案。 :) – super11

如何查找输入是否为空？

回答

相关问题