问题标签 [html5-validation]

我在 ASP.NET Web 表单上有多个表单（实际上是div标签，因为我在 Web 表单上只能有 1 个表单标签），并且我在required输入字段上应用了 HTML5 属性。每个表单都可以独立提交，我希望验证在每个表单上独立工作。但是，如果我提交第二个表单，浏览器会指示第一个表单的字段是必需的。

HTML：

JS：

为此创建了一个 JSFiddle：http: //jsfiddle.net/6Fs9y/132/

基本上，我只想验证输入而不是整个表单。我试过同时使用this.checkValidity()and this.validity.valid，但两者都表现出相同的行为。此外，如果我在遇到错误时使用novalidate带有 a 的标签return false，则指示该字段为必填字段的弹出消息将不再显示（http://jsfiddle.net/6Fs9y/133/）。

有什么办法可以做到这一点？TIA。

我正在尝试使用以下模式来防止用户提交非字母数字字符，但由于某种原因，该模式甚至拒绝字母数字条目。

我不明白为什么它会拒绝以下条目：“SDDS2020”但确实如此，说它与模式不匹配。它也无法打印标题，将解释留空。是什么原因造成的，我该如何解决？

我正在尝试使用模式属性验证我的 HTML 输入。在某些情况下它可以工作，在某些情况下它不工作，我无法弄清楚它为什么会中断。

让我与您分享两段代码。代码 1 正在工作。代码 2 不是。我先写了代码 1，然后写了代码 2。我从字面上复制粘贴了代码 2，但由于某种超出我理解的原因，它不起作用。一探究竟。

CODE1（正在工作的那个）

Code2（不工作的那个）

让我给你一些其他不起作用的代码示例：

请检查一下，让我知道我做错了什么。

在我的表单中，我有一些输入控件，它们与控制器的范围数据绑定。基于用户的选择，我通过使用 ng-model 来限制选定的项目来输入控件。

我正在使用 ng-maxlength 、minlength 、ng-pattern 和其他内置验证指令来验证这些输入。

用于突出显示无效值的类。

但是当用户想要添加新产品时，我会创建一个空对象并将其添加到控制器的范围数据中。在第一次创建新项目时，我不想用红色突出显示每件事，因为一切都是空的。

有什么方法可以让我在他们的焦点上突出显示无效输入，然后在使用之前将其显示为无效，然后在其中放入一些有效值。

当使用选择任何现有数据时，我正在验证该运动的控制。

谢谢

How can validate date formate in AngularJS.

How can i validate number upto two digit decimal point and allowing users to add thousand separate.

非常简单的问题......我如何在 html5 中验证这样的模式......

(562) 810-5566 或 (714) 433-4434

请注意，它将包含括号和空格。

我当前的输入控件看起来像这样。

我知道当前模式匹配 3334445555，但它不是我想要的，当我尝试添加括号时，javascript 控制台只是给出了一个错误，不正确的正则表达式语法。在此处需要有关语法的帮助。

另外作为奖励，如果您知道如何让它显示自定义错误消息，这也会有所帮助。目前我的 data-tel-msg 不工作。

我在 HTML5 中很新，我有以下问题。在一个页面中，我有一个这样的输入标签：

我必须对其进行一些验证。

所以我知道required="required"属性意味着用户必须为此字段插入一个值，并且type="number"指定该值必须代表一个数字。

现在我的问题是：我可以通过某种方式指定这个数字必须由 11 位数字组成吗？如何使用 HTML5 属性来做到这一点？

我想为 HTML5 输入元素（或 polyfill 不支持的元素）创建自定义有效性规则。为了尽可能地融入浏览器的本机验证过程，我想出了覆盖输入元素的checkValidity方法以将逻辑挂钩：

这种方法有没有我没有预料到的问题？

据我所知，该解决方案对于被多次调用是稳健的，因为有效性检查函数将被堆叠并一个接一个地调用。

但是是否还有其他情况，checkValidity()不是本机方法会咬我？

我正在尝试验证要在输入中设置的数据。我想使用 de Validation HTML5。

例如，我想检查“aaaa”是否是数字输入的有效数据。我想使用willValidate或validity但我无法设置无效值，控制台显示（Chrome）：

指定的值“aaaa”不是有效数字。该值必须与以下正则表达式匹配：-?(\d+|\d+.\d+|.\d+)([eE][-+]?\d+)?

我已经尝试捕获错误，但它不是 Exception。我检索输入值，错误后它为空。

见演示。

更多解释：

我想检查要设置的值在输入类型中是否有效。我想在输入中设置无效值并检查 willValidate 或有效性，但浏览器显示警告并且输入值为空。问题是我的前端通过javascript设置了输入值，但用户传递了这些值。当发生错误时，我需要向用户显示错误，而不是只输入并输入空..

更新：

我知道警告不是例外。我想知道在以任何类型设置无效输入值时显示错误。

我有一个表单，用户必须在两种模式之间进行选择，有两组单独的输入。一些输入是required.

CodePen上的示例

当用户填写表单的一部分时，由于另一部分中的空字段，提交被阻止。

如何禁用对隐藏部分中的字段的验证？最好不删除required隐藏输入的属性。

有没有默认的方法来做到这一点？