最近我开始研究HTML5验证,看起来非常好用且易于使用。到目前为止,我没有遇到任何问题,但是一旦我开始测试更多并使用输入类型number
,我就无法解决一些问题。首先是为什么不是所有验证消息同时显示?我在所有表单上使用提交功能。此外,我在某些字段中将required
属性与模式结合使用。我想知道所有消息如何显示onSubmit
?第二个问题是数字输入类型。我的字段有不同的min
max
和step
。例如,以下是其中一个字段:
<td><input type="number" name="frm_srpr" id="frm_srpr" min="0" max="100" step="4" style="width:50px" placeholder="%" /></td>
在FireFox和Chrome中,如果我输入数字23
:Please 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
时才有效。如果有人可以提供帮助或提供一些示例,请告诉我。提前致谢!