如何使用JavaScript检查输入是否为空

Question

好的，我有一个HTML输入元素

<input name="name" type="text" id="name" placeholder="Name" />

在JavaScript中我做：

var ninp = document.getElementById("name");
if(ninp.value == ""){
  do stuff
} else{
  do other stuff
}

每次我运行该功能时，它都会触发＆＃34;否则＆＃34;代码块我做错了什么或者这不是正确的方法：/

Answer 1

在代码的第一行，您已获得输入标记的值。所以你有这样的事情：

ninp = "a string ..."

因此在第二行中你的条件不可能像ninp.value那样。

更改

if(ninp.value == ""){
do stuff
}

到

if(ninp == ""){
 do stuff
}

Answer 2

也许函数中的其他东西破坏了它，但答案只是测试字符串的长度

var ninpv = ninp.value;
if(ninpv.lenght == 0;){
do stuff
}

Answer 3

你也可以这样检查

var ninp = document.getElementById("name").value;
if(ninp.length === 0){
  do stuff
} else {
  do other stuff
}

Answer 4

为什么不转到jquery并写

var ninp = $('#name');
if(ninp.val() =="")
{
//do stuff
}else
//otherstuff

or 
if(ninp.val().length==0)

如果您使用JS表单外部文件浏览器，请记住，大多数情况下不加载更新的js文件。在这种情况下，我主要使用隐身模式的浏览器