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

Question

我正在构建两个表单，它们将存在于 Kentico 网站的单个页面上。 kentico 网站被包裹在一个单一的表单字段中，所以我无法为页面上的每个表单创建单独的表单元素。问题是 parsleyJS 只允许你传递一个表单来初始化它，例如$("#form").欧芹();我需要验证彼此独立的表格。以前有人遇到过这个问题吗？任何人都可以推荐一种解决方法。

$("#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

使用 class 选择器初始化相互独立的表单。

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

Answer 2

您可以使用 group 选项仅验证表单中的部分字段来获得您想要的结果。这用于 this example of a multi step form.

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

Validate two forms inside one form element with ParsleyJS

javascript

forms

kentico

parsley.js