twitter-bootstrap - 如何在 Bootstrap 中为输入字段指定自定义错误消息

Question

我在 .NET 4.0 中使用 Twitter-Bootstrap。我没有使用任何额外的 jquery 验证插件。

我有这个代码：

<asp:TextBox ID="Url" runat="server" required  Text=''  placeholder="enter the  URL" pattern="http://*"  messages="Must start with 'http://' or 'https://' "></asp:TextBox>

如果我在以下位置键入“asdf”，则正则表达式验证有效：

我的问题是：如何自定义“请匹配请求的格式”错误以显​​示“必须以 'http://' 或 'https://' 开头”？

如您所见，我尝试了“消息=”。我也尝试了其他几个。

1. 如何自定义通用错误消息？
2. Bootstrap 是否有任何文档可以提供更多信息？

Answer 1

这实际上与引导程序无关，而是在您的浏览器中实现 html5 表单输入验证（Chrome，根据您的屏幕截图）。

使用该pattern属性时，您应该使用 为title用户提供额外的帮助（请参阅 MDN 文档）。

使用title="Must start with 'http://' or 'https://'"，您应该会看到类似的内容（在 Chrome 中，不同的浏览器会以不同的方式呈现）：

您也可以尝试将输入类型更改为 URL，即使没有标题也会给您不同的消息，但我自己的经验是，有时浏览器实现的验证可能有点令人沮丧。

Answer 2

如果要更改无效消息，可以使用 oninvalid 属性。

oninvalid="this.setCustomValidity('User ID is a must')"

希望这可以帮助你。