21

我的表单中有一个 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" 来不触发验证。

4

6 回答 6

44

尝试这个;

<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>
于 2013-08-13T07:12:36.357 回答
4

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

<button type="button" formnovalidate>Cancel</button>
于 2013-08-13T07:13:45.507 回答
3

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

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

请参阅带有 html5 和 CANCEL 按钮的 Symfony2 表单验证

于 2013-08-13T07:19:12.183 回答
2

如果您有输入按钮，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>
于 2013-10-09T05:58:45.467 回答
1

在 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 新闻

于 2014-08-19T14:32:29.800 回答
0

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

<asp:TextBox runat="server" ID="inputusername" required />
于 2017-04-26T14:05:46.160 回答