Javascript 检查多输入空值不起作用

我正在尝试使用jquery制作一个调查系统。我需要检测任何输入值是否为空，然后获取错误函数。我做了，但它只工作了一次。如何多次使用我的代码

我创造了这个

$（文档）.ready（函数（）{
$（“body”）。在（“单击“，”.createnew”，函数（）上{
如果（$（“.myinput”）.val（）.length！==0）{
如果（$（'.input'）.length！==4）{
$（“.inputs”）。追加（“”）；
}否则{
$（“.createnew”）.remove（）；
}
}否则{
警报（“您不能将其保留为空白输入字段！”）；
}
});
});
html，
身体{
宽度：100%；
身高：100%；
填充：0px；
边际：0px；
字体系列：helvetica、arial、无衬线字体；
-moz osx字体平滑：灰度；
-webkit字体平滑：抗锯齿；
}
.集装箱{
位置：相对位置；
宽度：100%；
最大宽度：500px；
保证金：0px自动；
溢出：隐藏；
边缘顶部：100px；
}
.投入{
位置：相对位置；
宽度：100%；
溢出：隐藏；
}
.输入{
位置：相对位置；
宽度：100%；
溢出：隐藏；
边缘底部：10px；
}
.myinput{
宽度：100%；
位置：相对位置；
高度：35px；
字体大小：14px；
填充：10px；
大纲：无；
}
*{
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
}
.createnew{
位置：相对位置；
浮动：对；
边缘顶部：10px；
字体大小：14px；
字号：600；
背景色：红色；
颜色：#ffffff；
填充：8px；
}
.错误{
边框：1px纯红！重要；
}

创建新输入
jQuery
val
方法只获取第一个匹配元素的值，因此它不适用于第二个输入，因为它仍然返回第一个元素的内容

通过将
：last
添加到选择器来解决此问题：


$（文档）.ready（函数（）{
$（“body”）。在（“单击“，”.createnew”，函数（）上{
if（$（“.myinput:last”）.val（）.length！==0{
$（“.inputs”）。追加（“”）；
如果（$（'.input'）。长度>=4）{
$（“.createnew”）.remove（）；
}
}否则{
警报（“您不能将输入字段留空！”）；
}
});
});
html，
身体{
宽度：100%；
身高：100%；
填充：0px；
边际：0px；
字体系列：helvetica、arial、无衬线字体；
-moz osx字体平滑：灰度；
-webkit字体平滑：抗锯齿；
}
.集装箱{
位置：相对位置；
宽度：100%；
最大宽度：500px；
保证金：0px自动；
溢出：隐藏；
边缘顶部：100px；
}
.投入{
位置：相对位置；
宽度：100%；
溢出：隐藏；
}
.输入{
位置：相对位置；
宽度：100%；
溢出：隐藏；
边缘底部：10px；
}
.myinput{
宽度：100%；
位置：相对位置；
高度：35px；
字体大小：14px；
填充：10px；
大纲：无；
}
*{
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
}
.createnew{
位置：相对位置；
浮动：对；
边缘顶部：10px；
字体大小：14px；
字号：600；
背景色：红色；
颜色：#ffffff；
填充：8px；
}
.错误{
边框：1px纯红！重要；
}

创建新输入
jQuery
val
方法只获取第一个匹配元素的值，因此它不适用于第二个输入，因为它仍然返回第一个元素的内容

通过将
：last
添加到选择器来解决此问题：


$（文档）.ready（函数（）{
$（“body”）。在（“单击“，”.createnew”，函数（）上{
if（$（“.myinput:last”）.val（）.length！==0{
$（“.inputs”）。追加（“”）；
如果（$（'.input'）。长度>=4）{
$（“.createnew”）.remove（）；
}
}否则{
警报（“您不能将输入字段留空！”）；
}
});
});
html，
身体{
宽度：100%；
身高：100%；
填充：0px；
边际：0px；
字体系列：helvetica、arial、无衬线字体；
-moz osx字体平滑：灰度；
-webkit字体平滑：抗锯齿；
}
.集装箱{
位置：相对位置；
宽度：100%；
最大宽度：500px；
保证金：0px自动；
溢出：隐藏；
边缘顶部：100px；
}
.投入{
位置：相对位置；
宽度：100%；
溢出：隐藏；
}
.输入{
位置：相对位置；
宽度：100%；
溢出：隐藏；
边缘底部：10px；
}
.myinput{
宽度：100%；
位置：相对位置；
高度：35px；
字体大小：14px；
填充：10px；
大纲：无；
}
*{
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
}
.createnew{
位置：相对位置；
浮动：对；
边缘顶部：10px；
字体大小：14px；
字号：600；
背景色：红色；
颜色：#ffffff；
填充：8px；
}
.错误{
边框：1px纯红！重要；
}

创建新输入
当您选择
$（'.myinput'）
时，它将返回一个数组，如果您尝试使用该数组运行.val（），它将仅对数组中的第一个元素执行此操作，您将希望使用
。每个
JQuery函数

你可以这样做：

function checkInputs(inputs) {
  $("input").each(function() {
    var element = $(this);
    if (element.val() == "") {
      return false
    }
  });
  return true
}

if (checkInputs($(".myinput"))) { 
      if($('.input').length !== 4){
        $(".inputs").append("<div class='input' id='surway_poll'><input type='text' class='myinput' id='hoho' placeholder='Write something!'></div>");
    } else {
       $(".createnew").remove();
    }
  } else {
     alert("You can not leave it blank input field!");
  }

功能检查输入（输入）{
$（“输入”）。每个（函数（）{
var元素=$（此）；
if（element.val（）==“”）{
返回错误
}
});
返回真值
}
if（checkInputs（$（“.myinput”））{
如果（$（'.input'）.length！==4）{
$（“.inputs”）。追加（“”）；
}否则{
$（“.createnew”）.remove（）；
}
}否则{
警报（“您不能将其保留为空白输入字段！”）；
}

文档：
当您选择
$（'.myinput'）
时，它将返回一个数组，如果您尝试使用该数组运行.val（），它将仅对数组中的第一个元素执行此操作，您将希望使用
。每个
JQuery函数

你可以这样做：

function checkInputs(inputs) {
  $("input").each(function() {
    var element = $(this);
    if (element.val() == "") {
      return false
    }
  });
  return true
}

if (checkInputs($(".myinput"))) { 
      if($('.input').length !== 4){
        $(".inputs").append("<div class='input' id='surway_poll'><input type='text' class='myinput' id='hoho' placeholder='Write something!'></div>");
    } else {
       $(".createnew").remove();
    }
  } else {
     alert("You can not leave it blank input field!");
  }

功能检查输入（输入）{
$（“输入”）。每个（函数（）{
var元素=$（此）；
if（element.val（）==“”）{
返回错误
}
});
返回真值
}
if（检查输入（$（“.myin