html - 如何不验证具有必需属性的 HTML5 文本框

Question

我的表单中有一个 HTML 文本框(用于数量)和两个 HTML 按钮(添加、取消)。

<form>
    <input type="number" min="1" max="100" required />
    <button type="button">Add</button>
    <button type="button">Cancel</button>
</form>

我不希望我的第二个按钮(取消)在单击时验证表单。

这可能吗？在 ASP.NET 中，我可以使用 CausesValidation="false"来不触发验证。

Answer 1

试试这个；

<button type="button" formnovalidate>Cancel</button>

我更改了您的代码: 你想要的是你的表单不应该在点击取消时被验证，所以这就是为什么我将 formnovalidate 添加到按钮取消。

<form>
    <input type="number" min="1" max="100" required />
    <input type="submit">Add</input>
    <input type="submit" formnovalidate>Cancel</input>
</form>