Question

我有多个页面form，人们可以按next和previous。该表单在尝试点击next时会生效，但在点击previous时也会验证，但情况并非如此。

我在Google上搜索并使用了class="cancel"或formnovalidate="formnovalidate"等不同网站提供的一些解决方案，但到目前为止，对我来说没有任何效果。

这是我的两个按钮，它们都是一种形式

<button data-role="prevbutton" class="btn btn-secondary pull-left">Previous</button>
<button data-role="nextbutton" class="btn btn-primary">Next</button>

没有简单的JS代码可以调用函数，但更像是这样：

flow.isBelgianResidentChangeHandler = function(isBelgianResident) { 
if (isBelgianResident) { 
$('[data-role="nextbutton"]').attr('disabled', false); 
} else { 
$('[data-role="nextbutton"]').attr('disabled', true); 
} };

Answer 1

如果没有看到您的JavaScript代码，很难知道，但可能是因为表单中按钮元素的默认行为是提交按钮。因此，无论您按哪个按钮，它仍会提交您的表单。如果这是问题所在，那么将type="button"添加到您之前的按钮就可以解决问题。

<button data-role="prevbutton" type="button" class="btn btn-secondary pull-left">Previous</button>

上一个按钮没有表单验证

1 个答案: