如何更改默认消息“请输入具有有效mimetype的值”。用于HTML文件输入

Question

我刚刚遇到accept的{​​{1}}属性，我真的很喜欢它，因为我看到如果我使用此属性，我不需要为输入文件类型编写单独的验证。它非常简单

<input type="file">只接受图片文件..

<input type="file" accept="image/*">只接受音频文件..

<input type="file" accept="audio/*">只接受视频文件..

但是我看到如果我有些选择不同的文件，那么我会看到一条错误消息

<input type="file" accept="video/*">

我只是想知道它是否能以某种方式更改此错误消息并将其打印出来以便我选择...也可以在此错误消息中添加一些CSS吗？

Answer 1

这使用jquery验证器：

<input type="file" accept="image/*" data-rule-required="true" data-msg-accept="Your message" /> 

Answer 2

尝试使用一点JavaScript魔术（标记oninvalid属性）：

<input type="file" accept="image/*" oninvalid="setCustomValidity('Please, blah, blah, blah ')"/>