HTML5输入类型号验证消息问题IE和Safari?

时间:2017-09-07 13:45:28

标签: html5 validation html5-validation html5-input-number

最近我开始研究HTML5验证,看起来非常好用且易于使用。到目前为止,我没有遇到任何问题,但是一旦我开始测试更多并使用输入类型number,我就无法解决一些问题。首先是为什么不是所有验证消息同时显示?我在所有表单上使用提交功能。此外,我在某些字段中将required属性与模式结合使用。我想知道所有消息如何显示onSubmit?第二个问题是数字输入类型。我的字段有不同的min maxstep。例如,以下是其中一个字段:

<td><input type="number" name="frm_srpr" id="frm_srpr" min="0" max="100" step="4" style="width:50px" placeholder="%" /></td>

在FireFox和Chrome中,如果我输入数字23Please select a valid value. The two nearest valid values are 24 and 28.或输入字母A,我会收到此消息:Please enter a number.但是,如果我在IE中尝试此操作如果我输入23:You must enter a valid value.或在Safari中,我的消息将是下一个消息:Enter a valid value.很明显,此描述对用户来说是不够的。我想知道如何在IE和Safari中解决这个问题?我试图放置标题attribute,但屏幕上没有显示。似乎该标题仅在字段为required时才有效。如果有人可以提供帮助或提供一些示例,请告诉我。提前致谢!

0 个答案:

没有答案