问题标签 [html5-formvalidation]

谁能告诉我如何通过 javascript 中的正则表达式表单验证来检查这一点。

学生姓名必须仅包含字母。元音和辅音的数量必须相等。

我的目标：一旦按下按钮，就无法再次按下。它应该给出错误或某种消息，例如（当第一次按下按钮以标记出勤并且有人再次按下它时）

"已标记出勤，您不能再次标记您的出勤"

我一直在研究 JavaScript 中的一些基本表单验证。目前，我有一个简单的 HTML 表单，它有三个输入字段——两个需要数字输入，一个需要字符串输入。但是，我正在努力实现这一点。

这是我正在努力解决的问题：

当我尝试在第二个输入字段中提交“John”时，会显示 displayMessage。如何使 displayOtherMessage 改为显示？

这里的 HTML：

https://pastebin.com/E5Pm6Dku

如果已经存在手机号码，是否有任何模式，则必须在表单验证中显示错误消息。

我正在尝试测试登录表单验证错误：

但问题是我无法在 component = render() 中获取错误文本

我的测试如下：

我正在开玩笑地使用反应测试库

我正在尝试按照本教程学习表单验证，除了我只使用前两个输入并使用打字稿。这是我定义的类型、初始状态和调度

但是这段代码给了我 formstate 类型的参数不能分配给永远不会在这一行出错

如果我像这样更改我的调度：

那么没有错误，但是它将状态对象更改为不同的对象，其中 isFormValid 属性添加了名称和电子邮件，并将所有其他属性添加到 isFormValid 属性并将其转换为对象，这在我尝试检查 isFormValid 以进行验证时会导致问题。国家从此转向

对此：

同样在本教程中，我不明白作者在提交处理程序中循环所有表单状态键以进行验证的部分，但其中一个键是 isFormValid ，它没有像其他输入那样的属性。我一直试图弄清楚这几天，但没有运气。任何帮助将不胜感激，或者如果有更好的方法请分享。

我的代码片段是这样的：

onclick表单验证仅在输入属性中没有参数时发生。

但是我需要在我的 JS 文件中做进一步的处理。所以我需要 onclick 函数以及其中的required参数。

我正在寻找类似的东西：

但两者onclick并required没有被放在一起。任何帮助表示赞赏。

所以事情就是这样，我正在学习 JS，我开始做一些简单的练习来熟悉它，所以我尝试做一个简单的表单验证，但我遇到了显示错误的 div 的问题，因为它们是被覆盖，我想得到一些建议来改进这个代码，如果可能的话让它变得更好。谢谢 ！

是否有一种标准方法可以将禁用、选中等属性添加到 HTML5 表单中的不同输入元素？

MDN 文档（https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled）似乎只是在其示例中使用了简写版本。

但是，MDN 似乎没有提到任何地方正在使用disabled="disabled"或只是disabled正确的方法。现在完全不重要了吗？

HTML5 规范 ( https://www.w3.org/TR/html51/sec-forms.html#enabling-and-disabling-form-controls-the-disabled-attribute ) 没有提供任何示例。

有一个古老的相关问题将选定和相关属性添加到输入的正确方法是什么？但我想知道从那时起规范或建议是否发生了变化。

谢谢。

我在这里有一个非常简单的表格，其中包含 2 个必需的输入。

当您单击提交按钮而不填写它们时 - 有弹出窗口说您应该这样做。问题是弹出窗口是一个一个显示的——例如，如果两个输入都没有填满，那么只有第一个输入会有这个弹出窗口。当第一个被填满时，它会进入第二个，反之亦然。

有什么方法可以同时显示验证期间所有未填写/填写不正确的字段？所以用户立即看到他/她必须填写的所有内容？

我对此很陌生，所以请帮我在纯 JS 中找到解决方案（如果是关于 JS）。这是代码：