Javascript JQuery多页表单。。每个步骤的验证

我有一个表单，在每个标签上使用分页将其分成多个部分。（见小提琴）

但是，我在每个部分中都有必填字段，我希望对其进行验证，以便在用户转到下一部分之前，具有“required”属性的字段不能为空

我试着跟随，但不认为我在正确的轨道上：

 $(this).closest("article > :input").each(function() {

    if($(this).val == null) {

   con = 0;


    }

   });
    if ( con == 0 ) {
    alert("All fields must be filled in");
    }
    else {
    }

---

非常感谢您的帮助：）

如果未输入响应，文本输入将返回黑色值。试试下面的方法

在jQuery中，值由val（）返回

---

您可以增强jQuery选择器，以便仅测试具有相应必需标签的输入元素。

使用

每个

函数

var isEmpty;
$("input").each(function() {
   var element = $(this);
   if (element.val() == "") {
       isEmpty= true;
   }
});

---

我相信我的选择器实际上并没有选择任何一半的元素：）尝试“article:input”而不是“article>:input”，因为您有div元素包装输入字段。这将返回所有输入，我想在当前文章中查找所有输入

var isEmpty;
$("input").each(function() {
   var element = $(this);
   if (element.val() == "") {
       isEmpty= true;
   }
});