使用ParsleyJS验证一个表单元素内的两个表单

Question

我正在构建两个表单，这些表单将位于Kentico网站的单个页面上。 kentico网站被包装在一个单一的表单字段中，因此我无法为页面上的每种表单创建单独的表单元素。 问题是parsleyJS只允许您传递一个表格来初始化它，例如$（“＃form”）。parsley（）;。 我需要验证彼此独立的表格。 有人遇到过这个问题吗？ 任何人都可以推荐解决方法。

 $("#form").parsley(); 

 input{ display:block; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/parsley.js/2.8.1/parsley.min.js"></script> <form action="" id="form"> <div class="form1"> <label for="fname">First Name</label> <input type="text" name="fname" required> <label for="lname">Last Name</label> <input type="text" name="lname" required> <input type="submit" value="submit"> </div> <div class="form2"> <input type="text" name="anotherInput" required> <input type="submit" value="submit"> </div> </form> 

Answer 1

通过使用类选择器来初始化彼此独立的表单。

$(".form1").parsley();
$(".form2").parsley();

Answer 2

您可以使用group选项仅验证表单中的部分字段来获得所需的结果。 此示例用于多步骤表单 。