Сообщение о проверке номера типа ввода HTML5 выдает IE и Safari?
Недавно я начал изучать валидацию 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 или Safari, мое сообщение будет следующим, если я введу 23: You must enter a valid value.
или в сафари: Enter a valid value.
Obvisouly это описание не достаточно для пользователя. Мне интересно, как я могу решить эту проблему в IE и Safari? Я пытался поставить заголовок attribute
но ничего не показывает на экране. Кажется, что заголовок будет работать, только если поле required
, Если кто-то может помочь или привести пример, пожалуйста, дайте мне знать. Заранее спасибо!