没有验证不显示下一个字段集

Question

我正在使用此示例创建一个多步骤表单 - codepen.io/orozcokapo/pen/LmgjYg

但是，我希望在第二个字段集中，首先验证所需的输入文本字段（我在第二个字段集中仅使用一个文本字段来输入手机号码），如果所需字段为不为空。

我无法在 JQuery 中对其进行编码。你能指导我怎么做吗？

Answer 1

首先，通过为它们提供 required 属性来指定需要哪些输入。然后，在 Next 按钮的点击功能中，将 current_fs = $(this).parent(); 移动到顶部并添加此代码

var inputs = current_fs.find("input[required]");
if(inputs.is((i,el) => $(el).val() == ""))
{
    alert("Please fill out all required fields");
    return false;
}

https://codepen.io/anon/pen/zaeNMP