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

Question

I just came across the accept attribute of <input type="file"> and i really like it as i see that i don't need to write seperate validation for input file type if i use this attribute. its very simple like

<input type="file" accept="image/*"> will accept only image files..

<input type="file" accept="audio/*"> will accept only audio files..

<input type="file" accept="video/*"> will accept only video files..

However i see that if i some how select a different file then i see an error message

Please enter a value with a valid mimetype.

i just want to know if it i can somehow change this error message and print it so something of my choice.. also is it possible to add some css to this error message ??

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 ')"/>