首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >什么是必填属性HTML5?

什么是必填属性HTML5?
EN

Stack Overflow用户
提问于 2018-04-03 05:22:13
回答 2查看 0关注 0票数 0

在我的Web应用程序中,我为表单域使用了一些自定义验证。在同一个表单中,我有两个按钮:一个用于实际提交表单,另一个用于取消/重置表单。

大多数情况下,我使用Safari作为默认浏览器。现在Safari 5出来了,突然我的取消/重置按钮不再工作了。当用另一个浏览器尝试时,一切正常。

我改变了一下我的Javascript代码,我发现下面这行代码导致了这个问题:

代码语言:javascript
复制
document.getElementById("somefield").required = true;

要确定这将是真正的问题,我创建了一个测试场景:

代码语言:javascript
复制
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
</head>

<body>
    <form id="someform">
        <label>Name:</label>&nbsp;<input type="text" id="name" required="true" /><br/>
        <label>Car:</label>&nbsp;<input type="text" id="car" required="true" /><br/>
        <br/>
        <input type="submit" id="btnsubmit" value="Submit!" />
    </form>
</body>
</html>
EN

回答 2

Stack Overflow用户

发布于 2018-04-03 13:57:32

我刚刚遇到了Safari 5的这个问题,Opera 10已经有一段时间了,但我从未花时间去修复它。现在我需要修复它,看到你的帖子,但没有解决方案,但如何取消表单到有一些办法:

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

适用于Safari 5和Opera 10。

票数 0
EN

Stack Overflow用户

发布于 2018-04-03 14:44:05

注意

代码语言:javascript
复制
<input type="text" id="car" required="true" />

是错的,应该是其中之一

代码语言:javascript
复制
<input type="text" id="car" required />
<input type="text" id="car" required="" />
<input type="text" id="car" required='' />
<input type="text" id="car" required=required />
<input type="text" id="car" required="required" />
<input type="text" id="car" required='required' />

这是因为该true值表明该false值会使窗体控件成为可选项,而事实并非如此。

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

https://stackoverflow.com/questions/-100003777

复制
相关文章

相似问题

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