问题标签 [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:带有模式验证的自定义验证消息
我希望我的 html 表单在电子邮件地址格式不正确时显示自定义错误消息
当我输入格式错误的电子邮件并单击“发送”时,会显示预期的消息:
但是,当我再次开始输入时,会显示以下默认浏览器消息(我的浏览器设置为荷兰语):
有没有办法阻止默认消息显示?我可以在输入时禁用验证吗?
javascript - Opera 12 的输入类型=数字有效性行为的任何解决方法?
我只是在解决我的一个库的问题,但归结为与 Opera 行为有关的问题。现在,我在这个问题上没有发现任何重大警告,所以我的猜测是我遗漏了一些东西,或者有一个我不知道的解决方法。
具体来说,采用这样的简单代码:
在 Opera 12.16 上,支持输入 type=number,因此它会正确显示 type=number 输入。
如果用户输入一个有效值,比如“123”,那么:
现在,如果用户输入“123a”,那么:
此外:myInput.willValidate
退货true
和myInput.checkValidity()
退货true
。
那么,我如何才能在这个版本的 Opera 上检查 input type=number 中的错误输入呢?(考虑一个空字符串是并且应该是有效的输入。)
regex - 正则表达式匹配用户名
我正在尝试创建一个regex
来验证用户名,该用户名应与以下内容匹配:
- 只允许一个特殊字符
(._-)
,并且不能在字符串的极值处 - 第一个字符不能是数字
- 允许的所有其他字符都是字母和数字
- 总长度应在 3 到 20 个字符之间
这是针对 HTML5 验证模式的,所以很遗憾它必须是一个大的正则表达式。
到目前为止,这就是我所拥有的:
但是积极的前瞻可以重复多次,允许不止一个特殊字符,这不是我想要的。我不知道如何纠正。
javascript - HTML5 validation in Bootstrap-modal fires onsubmit for ech field when trigger submit
i have a function where triggers a form-submit on twitter bootstrap modal button. but when the form isn't valid, the onsubmit event fires for each field that isn't valid. the form has an hidden submit button to do the html5 validation and this hidden submit i trigger a klick when press the modal-button.
function:
and the form:
why does the function fires for each filed that is not valid the ajax-request?
javascript - 检查浏览器是否支持 HTML5 验证
我有这样的 CSS 代码:
我的这个输入的 HTML 是这样的:
从 JS 中,我想知道浏览器是否支持 CSS 验证,例如在 Chrome for Mac 上,我收到一条错误消息,提示我应该填写该字段并阻止用户提交表单,但在移动设备上Safari 它不会显示任何内容,它会允许用户提交表单。
这可能吗?,我还有什么其他选择?
提前致谢!
asp.net-mvc - 如何在 Html 5 url 验证中使“http:// 或 https://”可选?
Html 5 url 验证默认需要http://或https://。我尝试使用自定义正则表达式添加模式属性,但与 type="url" 一起,但未能这样做。
是否有任何选项可以覆盖正则表达式以使 http://或https://可选?
validation - HTML 验证问题
对不起,我的英语不是那么好。但试着理解我的问题。而且我无法附上图片,因为我没有那么大的声誉。
我在我的网站上使用了 html5 验证。但我面临一些问题。让我解释一下它是什么。
我有一个表单,我使用 html5 验证概念进行验证。
在按钮单击它会触发。但问题是我也在同一页面上使用了一个表单弹出窗口。并且在弹出窗口上也有 html5 验证,当我单击弹出窗口上的按钮时,页面验证会触发。那么html5有任何组验证吗?像asp.net 验证都有。如果没有,那么我可以通过其他方式避免页面上的火灾验证,点击弹出按钮?
提前致谢。
jquery - jquery 提交没有提交按钮的表单并检查需要验证的 html5 字段
我阅读了很多关于 jquery 表单提交验证的帖子。但他们都没有回答我的问题:
是否可以有一个没有提交按钮或输入提交的表单,并且在通过 jquery 提交此表单之前,检查 html5 字段所需的验证弹出窗口?
如果是,它是如何完成的?
html - 检查浏览器的 HTML5 验证是否显示可见警告?
正如对如何检测 HTML5 验证问题的答案的评论中提到的那样,给定的答案不会告诉您是否正在强制执行验证,并且肯定不会告诉您浏览器是否有可见的违规解释。
我只想在浏览器没有内置的情况下显示验证错误弹出窗口。无论如何,如果没有硬编码浏览器版本,是否可以做到这一点?
html - 具有特定规则的 HTML5 验证
如何使用以下规则在 HTML5 中编写验证?
- 用户 ID 总长度应为7 个字符,包括字母和数字
- 用户 ID必须以字母[ AZ / az ] 开头,并且应该是2 个字符
- 剩余 5 个字符应为数字[0-9]
例子:
ab12345 , xy56879 , pm30075
HTML