Сообщение о проверке номера типа ввода HTML5 выдает IE и Safari?

Недавно я начал изучать валидацию HTML5 и кажется довольно приятным и простым в использовании. До сих пор у меня не было никаких проблем, но как только я начал больше тестировать и использовать тип ввода number было немного вещей, которые я не мог исправить. Во-первых, почему не все сообщения проверки отображаются одновременно? Я использую функцию отправки во всех моих формах. Также у меня есть required атрибут в сочетании с узором в некоторых из моих полей. Мне было интересно, как все сообщения могут показать onSubmit? Второй проблемой был тип ввода числа. Мои поля имеют разные minmax а также 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, Если кто-то может помочь или привести пример, пожалуйста, дайте мне знать. Заранее спасибо!

0 ответов

Другие вопросы по тегам