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选项仅验证表单中的部分字段来获得所需的结果。在this example of a multi step form中使用。

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

2 个答案: