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>

Answer 2

尝试将formnovalidate属性添加到取消按钮

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

Answer 3

您可以在取消按钮上使用formnovalidate选项，如下所示：

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

请参阅Symfony2 form validation with html5 and CANCEL button

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>

Answer 5

在asp.net 5 enter link description here按钮控件

上试用此代码

<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 news

Answer 6

尝试这个。它工作正常。它将工作在提交按钮

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

如何不使用必需属性验证HTML5文本框

6 个答案: