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

Question

我使用此示例-codepen.io/orozcokapo/pen/LmgjYg

创建一个多步骤表单

但是，我希望在第二个字段集中，首先验证所需的输入文本字段（我在第二个字段集上仅使用一个Textfield进行手机号码输入），并且如果所需字段不为空，则转到下一步的按钮应该可以工作

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

Answer 1

首先，通过为它们提供required属性来指定需要哪些输入。然后，在“下一步”按钮的单击功能上，将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