繁体   English   中英

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

[英]How do I use a custom Tooltip Text for Invalid Input Pattern instead of “You must use this format: [blank]”

当输入与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." />

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

来自微软

title属性的内容都显示为字段的工具提示文本,并附加到通用模式不匹配错误消息。

来自Mozilla

使用title属性来描述帮助用户的模式。

虽然我找不到官方文档,但它似乎也适用于Chrome。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM