问题标签 [html5-validation]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 导致 HTML5 验证失败
我正在将“HTML4.5”方法应用于现有的 XHTML1.0 Strict 站点。这个想法是更改文档类型并应用与 HTML5 的新元素(<div class="aside">
等)匹配的语义类,并在不破坏 Internet Explorer(IE) 的情况下做所有我能做到的事情(例如应用新的<input>
类型属性)。
我遇到的唯一问题是 W3C 的验证器不喜欢
or ©
,而html5.validator.nu没有问题。
我知道 HTML5 验证器在这个阶段是实验性的。我应该用什么代替
吗?如果是这样,是什么?
我在这个特定网站上的字符集是UTF-8
.
css - 如何使用 CSS 设置 HTML5 表单验证错误消息的样式?
如何使用 CSS 设置 HTML5 表单验证错误消息的样式?
regex - HTML5 表单的新模式属性中的正则表达式
我只是第一次使用 HTML5 表单,我想使用新的模式属性。这是一个正则表达式(我以前没有使用过)所以我有点迷茫。我想要的基本规则是“任何字符至少 5 个”
我努力了:
但这不起作用,所以我显然遗漏了一些明显的东西。如果有人可以帮助我,将不胜感激。
html - HTML5 中是否有 minlength 验证属性?
似乎字段的minlength
属性<input>
不起作用。
HTML5 中是否还有其他属性可以帮助我设置字段值的最小长度?
javascript - HTML5 验证和字段比较
目前有什么方法可以在 2 个字段之间进行比较检查,以检查它们在 HTML5 验证中是否匹配?还是您必须编写自己的 Javascript 才能做到这一点?
cakephp - CakePHP 模型验证中的 HTML5 表单验证规则
FormHelper 有没有办法在模型中定义的规则的输入标记中生成 HTML5 验证属性?
例如
在模型中
在视野中
浏览器中的 HTML
javascript - HTML5 setCustomValidation 解除绑定问题
我正在使用内置的 HTML5 验证方法来验证表单中的出生日期。
该表单具有三个选择列表元素,user_dob_date user_dob_month user_dob_year
由于用户必须选择一个有效的选项,因此所有这三个元素都已作为“必需”进行验证
现在,在用户选择了所有三个选项并且选择至少一个选项的 HTML5 验证通过之后,我想检查闰年的日期,并确保用户没有选择像 1998 年 2 月 31 日这样的东西!!!
-> 单击提交时不显示自定义消息。如果按钮被单击两次,它会这样做。第一次点击它matbe设置了味精但不显示,第二次点击显示错误
-> 如果在错误选择和显示自定义消息后,如果日期是固定的,我们尝试提交表单,它仍然会抛出错误:(
请帮我解决这个问题。提前致谢 :)
html - HTML5 验证:使用 element.validity.typeMismatch 和 element.validity.tooLong
我有一个我创建的Javascript 验证框架,我正在尝试向它添加 HTML5 验证。在我的框架中,验证是通过使用data-
属性将验证约束绑定到元素来完成的。这有点类似于使用 、 、 等属性进行 HTML5 验证required
的min
方式max
。
我现在有两个问题。好吧,它们可能不一定是问题,但我想更好地了解情况,以便我可以决定如何前进。
我遇到的第一个问题,如果元素的值与元素的类型不匹配element.validity.typeMismatch
,则设置为。true
例如,如果您的元素的 URL 值无效,type="url"
或者元素的电子邮件无效type="email"
。但是,这种行为对于type="number"
. 行为不一致的原因是浏览器不允许您向input
with添加无效值type="number"
(通过 UI 甚至通过 DOM)。因此,element.validity.typeMismatch
永远不会设置为true
并且element.checkValidity()
总是返回true
。此行为与您可以在type="url"
其中type="email"
输入无效值的行为不一致,element.validity.typeMismatch
并且element.checkValidity()
返回预期值。
我在使用maxlength
. 有一个ValidityState
名为tooLong
at的属性element.validity.tooLong
。当直接从浏览器与 an 交互时,这个值似乎永远不会设置为,因为您永远不能输入比 * 值更长的值。此外,即使您可以设置比DOM更长的值,也永远不会设置为. 所以我想知道如果这个属性或多或少没用,为什么它仍然存在。true
input
maxlength
maxlength
element.validity.tooLong
true
目前,HTML5 验证在这些约束下的表现如何?如果浏览器不允许您输入无效值,如何为这些约束违规生成错误消息?