问题标签 [html5-validation]

如何限制密码，使其不允许第一个或最后一个字符为非字母字符（参见“标题”）？

我的 HTML 代码：

*hi123HI示例：密码 hi123*HI 被接受，但由于第一个字符是第一个字符，我如何拒绝*（如果*是最后一个字符，或者特殊字符或数字既是第一个字符又是最后一个字符）。

IE 浏览器以不同的方式显示默认的 html5 验证消息。Chrome 或 Firefox，在提交表单后，显示漂亮的气泡/工具提示和错误消息。IE下划线无效字段，但错误消息仅在用户悬停字段时显示。

问题： 有什么简单的方法可以改变如何显示类似 Chrome 的消息？这是基于一些伪类还是什么？你们有没有类似的问题？

我正在尝试在我的项目中实现 HTML5 验证。看起来非常有用且易于使用。但是，仅当输入类型设置为 时，此验证才有效submit。那部分给我带来了问题。我有多个表单，并且name在所有提交按钮上使用相同的属性。所以我的函数看起来像这样：

HTML：

查询：

到目前为止，我无法让 HTML 5 验证与onClick函数一起使用。我尝试使用checkValidty()，但我的表单上的必填字段从未出现过消息。我想知道 HTML5 是否适合我的项目以及如何获得验证以使用 onClick 函数？如果有人对此问题有解决方案，请告诉我。提前致谢！

我被要求将时间输入限制在上午 8 点到 12 点（午夜）之间的时间，但无论我如何尝试，我都无法让它工作。有没有人解决如何将输入的最大时间设置为上午 12 点和最小时间设置为上午 8 点？我可以在不使用 JavaScript 的情况下做到这一点吗？

我有一个使用数据注释进行验证的 ASP.NET MVC 站点，我想获得“免费”客户端验证。大多数简单的工作都很好，而 Foolproof 可以帮助我处理更复杂的场景。到目前为止一切都很好。

但是，我也在使用 Bootstrap，我想利用 Bootstrap 的 UI 进行验证。我对 Bootstrap 不是很有经验，所以请原谅我在这里可能有的任何不好的假设。（显然我错了，Bootstrap 在这个问题中并不重要。）

但是，我想将 HTML5 验证与浏览器支持联系起来。具体来说，我想为所有客户端验证消息使用小弹出窗口。

我在这里创建了一个 jsFiddle 示例，解释了我想要什么以及来自：https ://jsfiddle.net/4nftdufu/

我想看到的行为由第一种形式 ( Foo) 显示。

第二种形式 ( Bar) 本质上是我来自的地方。请注意，我在这里挂钩了一些 Bootstrap 验证行为（我在博客文章或其他一些 SO 问题的某处在线发现了 CSS）。最终，这不是我想要的行为，而且我没有花任何时间清理这种不完美的集成。

最终，我的问题是：

在受支持的浏览器中，如何让我的 Data Annotations + jQuery Unobtrusive-driven 验证挂钩到所有验证消息的这些 HTML5 弹出窗口？

我在我的新项目中使用了 HTML5，并且使用一些新功能看起来很不错。然而，有一些事情是不确定的，我可以让它们工作。例如，如果我pattern为我的字段验证使用属性，则错误消息未在所有浏览器中显示。我读了几篇博客，但它们都太旧了，我不确定这些问题中的哪些已得到解决。这是我的例子：

上面的代码将在 Fierfox 中输出错误消息，但在 Chrome、Safari 和 IE 中不会输出任何内容。我想知道这个问题是否可以通过某种方式解决？到目前为止，我无法在所有浏览器中显示此错误消息。我的字段不是必需的，仅当字段中有值时才会触发验证。如果有人知道解决此问题的方法，请告诉我。谢谢！

似乎 Internet Explorer在默认表单重置后不会重置验证状态（.checkValidity()和）。validity.valid这确实在 Chrome 和 Edge 中按预期工作。

有没有人对这个问题有任何见解，以及如何解决它 - 也许如何手动重置 IE 中的验证状态？

我没有看到任何文档引用这个问题 - caniuse 声称在 IE10 和 IE11 中对 HTML5 验证的支持有限，但没有专门引用这个属性。

请参阅以下示例 - 预期行为：

• 没有选中单选按钮；点击提交 = 输入无效（由于默认 HTML5 控件，表单无效不会触发 - 它永远不会到达处理程序，这没关系）
• 选中 1 个单选按钮；点击提交 = 有效输入，有效表格
• 点击重置 = 无效输入，无效表单
  • 这就是 IE 的不同之处——它保持表单和输入仍然有效，即使输入是空白的。

我已经尝试了几件事，例如触发输入的更改，并将其推送到事件堆栈上，以便在将更改应用于输入后访问它，如代码段所示，但仍然没有运气。

我没有在其他地方发现错误或任何提及

我坚持使用剑道网格中的内联验证。我不想在失去焦点后验证。我想在输入后立即验证。所以我开始使用 HTML5 验证器。它工作得很好，但问题是我无法回答这两个问题：

哪个事件将输入从有效设置为无效。

哪个事件显示错误消息。

我目前的工作：https ://dojo.telerik.com/OSONo/56

此致

卢卡斯

我有三个不同的电话号码输入字段。每个字段应该只允许美国电话号码格式。这是示例：

用户应该只能以我上面示例中的格式输入电话号码。所以前三个数字应该在大括号中，()然后是空格（可以忽略），然后是 3 个数字，然后是-破折号和最后四个数字。我已经创建了模式正则表达式，但这不需要(). 用户也可以以这种格式输入电话号码，这336-678-8999是不允许的。

如果有人知道我如何调整我的代码以仅接受，(xxx) xxx-xxxx请告诉我，或者如果您有更好的方法来解决这个问题。谢谢你。

我正在<form>使用 HTML5 创建一个简单的。只是想确保我没有丢失和安全漏洞。我对攻击了解不多，但我认为消息字段必须有更多内容，因为几乎可以在其中输入任何内容。我可以仅限于文本，但认为这可能不是非常用户友好。

有人可以输入任何类型的 250 个字符，这是否重要？可以用它做任何有害的事情吗？

也使用这个 isAlpha 函数作为备份。不确定我已经拥有的 HTML5 验证器是否有必要