Question

我有一个HTML表单，我在其中使用浏览器的本机验证。但是，在我的表单中，我有另一个与提交无关的按钮，它执行不同的操作。当我按下那个按钮时，它会触发浏览器的验证，如何禁用

<form>
    <input type="text" required />
    <button>I shouldn't fire validation</button>
    <input type="submit" value="I fire the validation">
</form>

Answer 1

在HTML 5中，按钮具有默认行为作为提交类型。所以

<button type="button">Button</button>

Answer 2

它自己的按钮不会触发提交。您可能已经设置了一个事件。如果你不这样做，试试这个其他的解决方案

您可以使用

<form>
    <input type="text" required />
    <button type="button">I shouldn't fire validation</button>
    <input type="submit" value="I fire the validation">
</form>

看起来很奇怪，但是我从这个例子中得到了（就在4.9节的末尾）： http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#concept-button

你可以看到它有效：http://jsfiddle.net/xmhpF/

禁用某个按钮的本机表单验证

2 个答案: