问题标签 [html5-formvalidation]

在引导程序 4 的表单验证网站上，他们声明

We highly recommend custom validation styles as native browser defaults are not announced to screen readers.

这是什么意思？他们是否建议您使用本机浏览器表单验证？或实施自定义验证？

我有一个问题问你。

您知道如何在文本类型的输入上设置最小长度吗？

我试过了：

有关信息，这是我的输入：

编辑： 我在 Chrome 上试过，但它不起作用。但它适用于 Firefox。所以我会尝试在这边搜索。

我正在为 HTML5 原生表单验证而苦苦挣扎。我对客户端表单验证的理解是您可以手动设置元素的有效性状态setCustomValidity()。但是，这似乎并没有覆盖任何本机验证。

例如，如果我有一个字段，required="required"并且该字段为空，则它是无效的（如预期的那样）。如果我调用setCustomValidity('')该字段，我希望它会覆盖并将其设置为有效，但这不会发生。

novalidate然后我认为当我希望该字段有效时可以动态添加到该字段，但如果我checkValidity()在添加后调用novalidate它仍然返回false。似乎novalidate只允许提交表单而不考虑字段有效性，但仍然考虑该字段:invalid。

我错过了什么，还是这是预期的行为？另外，是否有覆盖任何默认验证并将字段的状态手动设置为:valid？我希望setValidity(true|false)在约束验证 API 中可以使用类似的东西。

更多上下文：

我需要根据另一个字段值切换字段约束。例如，假设我有以下标记：

如果用户为“有文档？”选择“是”，那么我想要documentFile并且documentType被要求。到目前为止，我唯一可行的解​​决方案是在选择“是”时动态添加required="required"属性，documentFile然后手动调用.documentTypecheckValidity()

这可行，但并不理想。我有很多这些条件验证并不总是像只需要或不需要那么简单。几天来我一直在搜索 google 和 stackoverflow.com，但还没有找到另一个可行的解决方案。

更新

我尝试过的 JS 的简化示例：

我正在尝试设置一个包含一些文件上传和日期的表单。但似乎我错过了一些东西或缺少他的 DeclarativPlugin - 必需的文本字段或 NotEmpty-Validators 工作，但不是 DateInputs 或 FileSize Validators....

我在 1.6.0 版中使用带有纯 Javascript 的 formvalidation.io

甚至日期

这是我的 Javascript

我正在尝试编写一个带有一些基本验证的简单表单，但是按下提交按钮会绕过event.preventDefault();并且无论如何都会提交表单。

这是表单、用户名输入字段和提交按钮的代码：

我required=""在<input>场上也有，但将场留空也不会触发此问题。

我在反应中实现表单输入验证时遇到了问题。一旦我打开表单，总是有 [object object] 作为默认输入出现。这是显示：

理想情况下，我希望有以下显示：

这是我的代码，知道如何修复它吗？

我在 JavaScript 中有点菜鸟。我正在尝试验证联系表单，但我的 JavaScript 都没有工作，但我想我的事件监听器是问题，因为我的页面仍然在单击按钮时刷新。它在控制台中返回错误Uncaught TypeError: Cannot read property 'addEventListener' of null请帮忙！

I am trying to do a form validation function with ajax submission. For some reason the validation doesn't work and when it submits, my server gets the empty fields (when I am testing for the validation) but it shows that it tried to post to the same page... I don't know why.

Form:

My JS File:

Where I go when I submit (the form is at this URL):

Any Idea what I should do?

Note I am using node.js with express.js.

EDIT

I added: e.preventDefault() to my submit event handler but now when I submit the form without filling in anything, I get this notification:

我有一个输入文本字段的模式：/[\p{L}\'.\- ]{3,30}/我的目的是接受世界上几个字母表上最广泛的人名（拉丁文、中文等）。它在 Regex101 中进行了测试，效果很好。在其他测试仪上不起作用，但我的主要问题如下：

我分享我的代码供您检查：https ://regex101.com/r/gOvO2M/8 它跳过特殊字符、跳过符号、跳过数字，但是当我在浏览器中看到实时 html 时，它不能正常工作.

在错误消息中，出于验证目的，我输入：

问题是在测试时，我只写字母（没有空格，没有连字符，因为所有这些都是可选的）并且仍然给 mem 错误消息。为什么？

也许是因为我正在使用\p{L}并且仅在服务器中有效，当我在 PHP 中编写服务器验证时？

我需要对以下组件进行表单验证。如果用户选择 Postpaid，planValue 应大于 399，data 应大于 50。如果用户选择 Prepaid，planValue 应大于 200，data 应大于 20，否则应显示相应字段的 planMsg 和 dataMsg。我需要在更改中调用验证函数。当我开始输入 planValue 或数据时，正在显示味精，但在我输入正确的值后，味精并没有消失。是否有适当的方法来验证此表格。