麻烦必填字段和多步骤表单

Question

我使用jquery（隐藏和显示div）自己做的多步形式遇到了大麻烦

这是它的样子

我遇到的问题是具有属性＆＃34; required＆＃34;的字段。事实上，所有表单都可以正常工作，但问题是在我点击子颜色按钮之前它不会显示所需的内容。

当我们到最后一页并且我们确实提交时，它会回想起一些输入是缺失的，这里是在chrome控制台中的消息错误

An invalid form control with name='raison_sociale' is not focusable. index.php?p=demande-devis&categorie=professionnel&type=menuiserie:1
An invalid form control with name='nom' is not focusable. index.php?p=demande-devis&categorie=professionnel&type=menuiserie:1
An invalid form control with name='siret' is not focusable. index.php?p=demande-devis&categorie=professionnel&type=menuiserie:1
An invalid form control with name='prenom' is not focusable. index.php?p=demande-devis&categorie=professionnel&type=menuiserie:1
An invalid form control with name='no_tva' is not focusable. 

我不知道如何在不验证表单的情况下检查所需的属性，但只是在更改表单的步骤之前...

任何帮助将不胜感激。

Answer 1

您可以在下一步之前强制进行表单验证

e.g。

 if($("form")[0].checkValidity())
 {
   //Go to next step
 }

How to force a html5 form validation without submitting it via jQuery

错误是因为控件不可见

  

name ='raison_sociale'

的无效表单控件

表示输入字段不可见，实际上

$("[name='raison_sociale']").is(":visible") 

在最后一步中为假

我希望能提供帮助