如何禁用某些提交按钮的表单验证？

Question

在我的jsp表单页面中，我有两个提交按钮“保存”和“取消”。当我单击这两个按钮时，它会验证表单。我尝试为取消按钮添加关键字“formnovalidate”。但它不起作用。

这里我提到了我的按钮代码：

<form id = "myForm" method="POST" onsubmit="return validateForm()" >
..........
<tr >
<td class="td_left"><input type="submit" value="save" onclick="form.action='${pageContext.servletContext.contextPath}/insert'"/></td>
<td class="td_right"><input type="submit" value="Cancel" onclick="form.action='${pageContext.servletContext.contextPath}/home'" formnovalidate  /></td>
</tr>
................
</form>

验证：

function validateForm() {
var x = document.forms["myForm"]["spcrId"].value;
if (x == null || x == "") {
    alert("SPCR ID must be filled out");
    return false;
}
}

禁用“取消”按钮的表单验证的方法是什么？

Answer 1

我认为问题是因为您在表单的onsubmit属性上放置了验证调用。因此，类似这样的东西应该在没有该onsubmit属性的情况下工作：

<button name="action" class="btn btn-secondary" type="submit" value="Previous" formnovalidate="formnovalidate">Previous</button>