如何将自定义工具提示文本用于无效输入模式而不是"You must use this format: [blank]"



当输入与pattern属性指定的模式不匹配时,Firefox只会简单地说"请匹配请求的格式",这是可以的;但是,当此验证失败时,InternetExplorer10会在工具提示中显示"您必须使用此格式:",而不显示其他内容。这可能很简单,但搜索并没有给我提供线索,告诉我如何向工具提示提供文本,告诉它应该使用的模式。

以下一至四位数字的示例:

<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

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

来自Mozilla

使用title属性描述模式以帮助使用者

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

相关内容

最新更新