正则表达式 – 如何使用自定义工具提示文本输入无效模式,而不是“您必须使用此格式:[空白]”

前端之家收集整理的这篇文章主要介绍了正则表达式 – 如何使用自定义工具提示文本输入无效模式,而不是“您必须使用此格式:[空白]”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当输入与pattern属性指定的模式不匹配时,Firefox简单地说:“请匹配请求的格式”,这是可以的;但是,当此验证失败时,Internet Explorer 10将显示“您必须使用此格式:”,在其他任何工具提示中.这可能很简单,但搜索并没有给我一个线索,如何提供文本的工具提示告诉它应该使用的模式.

下面列出一到四位数字的示例:

<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" />
尝试使用title属性来描述你想要的内容
<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" title="Please enter a number less than 10000." />

应该适用于所有主流浏览器…

Microsoft

the content of the title attribute is both shown as tooltip text for
the field and appended to the generic pattern mismatch error message.

Mozilla

Use the title attribute to describe the pattern to help the
user.

尽管我找不到官方文档,但它似乎也可以在Chrome中使用.

猜你在找的正则表达式相关文章