Question

我有一个表单，我在步骤中使用了视图，但希望在继续之前验证每个部分。

例如，我在步骤1中有2个字段

在第1步中，用户有2个字段：

<div id="step1">

<input type="text" name="firstname" required />
<input type="text" name="lastname" required />

<button id="validate1">Validate1</button>

</div>

<div id="step2" style="display:none">

  //Step 2 fields go here

</div>

..然后在jquery中我试图这样做：

$("#validate1").click(function() {

    //check if all fields are valid ... if not all valid then BREAK

    else 

        $('#step1').hide();
        $('#step2').show();


etc

我怎样才能完成这项工作......如果可以使用html5？

}）;

Answer 1

您可以查看哪个inputs拥有required属性。

然后，您必须获取输入值，即.val()，并使用自定义验证函数，或使用内置验证方法的html5，根据它们具有的id来验证每个输入。

您可以停用输入n+1和n+2，直到您对n的验证感到满意，方法是让它们变为readonly或隐藏其部分直到你希望再次展示它们。

单击按钮时，JQuery检查HTML5是必需的

1 个答案: