一页上的两个表单导致错误验证

Question

我有一个页面有两个单独的表单。大多数输入字段为required。当我单击第二个表单上的提交按钮时，它会要求我填写第一个表单中的required字段。

如何确保它仅验证我点击提交按钮的表单？

	<form method="post" action="index.php" name="orderQuick" id="orderQuick">
	<input type="text" name="street" id="street" required>
	<button type="submit" name="submitBtn" id="submitBtn">Submit</button>
	</form>

	<form method="post" action="index.php" name="order" id="order">
	<input type="text" name="street2" id="street2" required>
	<button type="submit" name="submitBtn2" id="submitBtn2">Submit</button>
	</form>

Answer 1

我认为这是因为您尚未关闭<button>代码，因此它正在考虑一个form中的两种输入类型。关闭<button>代码。我认为它可以解决您的问题。

Answer 2

我认为你需要使用jqueryvalidation插件：（http://jqueryvalidation.org/valid/）

使用此插件，单击相应的提交按钮，您只需调用方法：

$("#orderQuick").valid();

和

$("#order").valid();

这可以解决您的问题。