首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何不验证具有必需属性的HTML5文本框

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

Stack Overflow用户
提问于 2013-08-13 15:10:19
回答 6查看 23.4K关注 0票数 21

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

代码语言:javascript
复制
<form>
    <input type="number" min="1" max="100" required />
    <button type="button">Add</button>
    <button type="button">Cancel</button>
</form>

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

这个是可能的吗?在ASP.NET中,我可以使用CausesValidation="false“来不触发验证。

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2013-08-13 15:12:36

试试这个;

代码语言:javascript
复制
<button type="button" formnovalidate>Cancel</button>

我更改了您的代码:您想要的是不应该在单击cancel时验证您的表单,这就是为什么我在cancel按钮中添加了formnovalidate。

代码语言:javascript
复制
<form>
    <input type="number" min="1" max="100" required />
    <input type="submit">Add</input>
    <input type="submit" formnovalidate>Cancel</input>
</form>
票数 43
EN

Stack Overflow用户

发布于 2013-08-13 15:13:46

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

代码语言:javascript
复制
<button type="button" formnovalidate>Cancel</button>
票数 4
EN

Stack Overflow用户

发布于 2013-08-13 15:19:12

您可以在取消按钮上使用formnovalidate-选项,如下所示:

代码语言:javascript
复制
<input name="cancel" type="submit" value="Cancel" formnovalidate/>

请参阅Symfony2 form validation with html5 and CANCEL button

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18202784

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档