如何不使用required属性验证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"来防止触发验证。

- abramlimpin

---

阅读材料：https://dev59.com/C2gt5IYBdhLWcg3w3xIw - DevlshOne

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>

- Abhishek Jain

---

哪一个更适合使用？formvalidate 还是 novalidate？ - abramlimpin

你的两个答案混合在一起... formnovalidate :) - Pouki

即使我为IE11添加了CausesValidation="false"和formnovalidate，ASP.NET ImageButton仍无法工作。 - Tony Dong

Answer 2

尝试在取消按钮中添加formnovalidate属性。

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

- Pouki

Answer 3

您可以在取消按钮上使用formnovalidate选项，像这样：

：

<input name="cancel" type="submit" value="Cancel" formnovalidate/>

请参阅Symfony2使用HTML5和取消按钮进行表单验证

- proditor

Answer 4

如果您的输入按钮为runat=server，则必须具有属性causesvalidation="false"，否则如果您只是使用HTML输入类型按钮进行取消，则应在单击取消时使用javascript重定向到您的页面。

例如：1）

<input type="button" id="btnCancel" class="button blue" value="Cancel" **causesvalidation="false"** onserverclick="btnCancel_Click" runat="server" />

2)

<input type="button" id="btnCancel" class="button blue" value="Cancel" **onclick="GoTo();"**/>

<script type="text/javascript">
function GoTo() {
            window.location.href = '../default.aspx';
        }
</script>

- Bhavin Mistry

Answer 5

在asp.net 5中尝试使用此代码进入链接描述按钮控件

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

Aldo Flores Reyes @alduar .net 新闻

- alduar

Answer 6

试试这个，它很好用。它将在提交按钮上起作用。

<asp:TextBox runat="server" ID="inputusername" required />

- HUSEN JAMBUGOHDA