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://' 开头”？

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

如何自定义通用错误消息？

Bootstrap 是否有任何文档可以提供更多信息？

Answer 1

这实际上与 Bootstrap 无关，而是在您的浏览器中实现 html5 表单输入验证(Chrome，根据您的屏幕截图)。

使用 pattern 时属性，您应该使用 title为用户提供额外帮助 (see the MDN docs)。

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



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