问题标签 [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.

0 投票
5 回答
26834 浏览

html5-validation - 单击按钮时手动触发 html5 验证

我正在尝试处理按钮单击时的表单验证。它正在验证表单但未显示错误。任何人都可以帮助我吗?

javascript:

http://jsfiddle.net/5ycZz/

0 投票
2 回答
13118 浏览

regex - html 5 模式接受空格

HTML5 中的名称模式

[a-zA-Z ]{5,}

它接受5倍的空间。

我想要一个不接受以空格开头的名称的模式

0 投票
2 回答
43 浏览

javascript - “初始”与“最终”验证

一般来说,我们是否可以认为最初无效但最终在技术上有效(通过脚本)的 HTML 文档是可以的?

如果它回答了这个问题,那么“OK”将符合良好做法,或者可能与标准有关。

例如,解析此序列化 HTML 标记生成的文档最初使用W3 验证器进行验证

虽然这个没有:

即使任何支持 Javascript 的浏览器的结果完全相同。假设这是一个 Web 应用程序并且需要 JS,这种东西“OK”吗?

当我们没有任何正确(从应用程序的角度)最初满足标准的方式时,我特别想知道这种情况。例如,如果我们最初不知道文档的标题,并且必须使用脚本计算/检索它怎么办?

在这种特殊情况下,使用占位符感觉不对:

(请注意,将 title 元素留空仍被视为无效。)

那么,在没有特别讨论 title 元素的情况下,是否普遍接受分发最终有效的 HTML 资源?

子问题:我意识到验证文档(由 DOM 表示)和验证其序列化标记是两件不同的事情;有什么工具可以做前者吗?(来自 DOM 的快照或“连续”。)示例:

这最初会验证,但在技术上会导致无效文档,没有任何明显的方法来检测它。

更新:显然,这样的工具在静态分析上下文中的价值有限(停机问题等)。但是,运行时工具应该很有用。

更新: 用于 DOM 验证的 W3C 规范(第 3 级)

更新: Service Workers 的 W3C 规范,它似乎可以用来确保 DOM 在呈现之前是有效的,即使模板不是(避免使用占位符元素等)。在撰写本文时还为时过早(2014 年 6 月 26 日,所以不要引用我的话)。

0 投票
1 回答
3835 浏览

asp.net - 如何在 WebForms 的 form.onSubmit 期间调用 HTML5 form.checkValidity?

如何覆盖或扩展标准 WebForms WebForm_OnSubmitjavascript 函数?


我在 ASP.net WebForms 网站中使用 HTML5 输入类型。用户代理(例如 Chrome、IE、Firefox)已经正确处理数据清理、备用 UI 等。

通常,当用户单击<input type="submit">按钮时,User-Agent 将停止提交,并显示 UI 以向用户指示他们的输入将是无效的:

在此处输入图像描述

WebForms 的问题在于它不使用提交按钮。相反,一切都可以通过 javascript 回发来完成,而不是提交表单:

其中,当呈现为客户端 html 时,将成为对 Javascript 的调用:

真正长的形式是一个锚标签:

这意味着用户代理永远不会提示用户输入的元素无效。

即使form没有被“提交”,它仍然会触发一个onsubmit事件。我可以使用以下方式手动触发 HTML5 表单验证:

理想情况下,我会在我的 ASP.web WebForms 站点中挂钩该事件:

站点主

除了 WebForms 基础设施删除我的 onsubmit方法处理程序,并用它自己的替换它:

所以我自己的提交调用被忽略了。似乎深入研究WebForm_OnSubmit会导致 ASP.net WebForms 验证基础设施的一个兔子洞:

它调用函数:

哪个调用,哪个调用,哪个使用,哪个检查。

只需要使用 WebForms 进行 HTML5 表单验证

问题是 WebForms 有一个巨大的基础设施,用于在提交之前检查表单,并通过标准化机制(以及我不使用的整个基础设施)向用户显示错误。它接管了onsubmit表单的事件,并且它不会(必然)<input type="submit">在过程中使用 an 。

我可以做些什么来说服 ASP.net WebForms 网站让 User-Agent 验证表单?

也可以看看

0 投票
2 回答
2456 浏览

html - 用于控件的 Kendo Ui MVVM 验证

我试图required在 HTML5 中应用属性以进行验证。我在屏幕上实现了 MVVM 的逻辑,

我也调用validator.validate()了,它工作正常,但我没有在我的控制附近收到相同的通知。

验证器

请建议,目前我正在处理,validator.validate() 如果为真则继续,如果为假则停止并显示警报。

0 投票
5 回答
9436 浏览

javascript - 如何使用 HTML5 验证日期范围?

或者,是否可以使用 html5 验证另一个字段的值?

一个常见的例子是选择一个日期范围,其中“开始”日期应小于或等于“结束”日期。下面将描述值之间的所需关系,前提是您可以在语法中使用元素引用:

0 投票
0 回答
956 浏览

javascript - 当添加名为 submit 的隐藏元素时,jquery form submit 会跳过 html5 验证

我最近开始使用 jQuery,遇到了一个我无法理解的场景。我对前端编程还很陌生,仍在学习。

我有一个包含两个必需输入文本字段的表单。
我有一个 div,里面什么都没有。
我有 3 个重置按钮(Reset1、Reset2 和 Reset3)。

Reset1 - 单击时,更改操作后提交表单并绕过所有 html 验证。
Reset2 - 单击时,在 div 中添加名称和 id 作为提交的隐藏元素,然后在更改操作后提交表单。这不会绕过 html 验证。
Reset3 - 单击时,在 div 中添加一个名为submit1的隐藏元素并提交表单。这绕过了所有的 html 验证

因此,当我尝试添加名称和 ID 为"submit"的隐藏元素时,我无法找到为什么没有绕过 html 验证。

如果我添加任何其他名称与提交不同的隐藏元素,则它会绕过所有 html 验证。

代码如下:JsFiddle - http://jsfiddle.net/sumitk1/pRY4u/

0 投票
2 回答
271 浏览

javascript - HTML5 验证 API 在 Firefox 中不起作用?

HTML5 中 HTML 输入的有效性属性似乎在 Firefox 中不起作用。

此控制台日志返回一个空对象。它适用于 Chrome 和 Safari,如果我查看该文档,我认为它也应该适用于 Firefox?

https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

有任何想法吗?

0 投票
4 回答
2525 浏览

visual-studio-2013 - 使用 Angular UI Bootstrap 避免 Visual Studio 验证错误

Angular UI Bootstrap引入了几个新的 HTML 标签,例如accordionaccordion-group。Angular 在教浏览器使用这些新技巧方面做得很好。

但是我如何教 Visual Studio 不要抱怨未知元素呢?也许有一种方法可以告诉 Visual Studio 标记或编写不使用非标准标记的 HTML 的方法。

0 投票
2 回答
3358 浏览

html - 尽管有效,但验证错误

w3.org 验证器在以下行给我一个错误:

这是它给出的完整错误:

第 1 行,第 727 列:元素链接上属性 rel 的值错误:字符串不是已注册的关键字。该字符串不是绝对 URL。shortcut iconshortcutshortcut

…f="/favicon.ico" type="image/x-icon" / >

链接类型的语法适用于:

在 HTML 规范中列为允许或在微格式 wiki 上列为允许的链接类型的空格分隔列表,列表中没有重复的关键字。

您可以自己在 Microformats wiki 上注册链接类型。

绝对 IRI 的语法:绝对 URL。

例如:http://example.org/hello,但不是 /hello。空格应转义为 %20。

我不明白的是我正在遵循HTML5 规范,它说:

由于历史原因,icon关键字前面可能有关键字“ shortcut”。如果存在“ shortcut”关键字,则它必须紧接在icon关键字之前,并且两个关键字必须仅用一个 U+0020 空格字符分隔。

我看到它建议%20作为一个空间,我已经尝试过:

但是当我使用这段代码时,我得到的错误几乎是一样的,除了它开始:

错误第 1 行,第 729 列:元素链接上属性 rel 的值错误shortcut%20icon:字符串shortcut%20icon不是已注册的关键字。该字符串shortcut%20icon不是绝对 URL。