HTML5 input type number

Преди малко установих, че към днешна дата (22.06.2014) Mobile Safari има проблеми с валидацията на <input type="number" />.

Първоначално при фокусиране на поле от този тип клавиатурата ви изписва цифри и специални знаци. Можете обаче спокойно да превключите на букви и да въведете такива.

Дори и това да се оправи остава и още един проблем: step атрибута също не се взима предвид. Ако сте го задали на 2, така че да имате само четни или нечетни, отново няма да получите правилна валидация от браузъра.

Току-що проверих как се държи Android в подобни ситуации, но при Chrome всичко е наред както на desktop, така и на мобилни устройства.

2 Отговори на “HTML5 input type number”

  1. Валидация не бива да се прави в клиента. На новите инпут типове трябва да се гледа само като улеснение за въвеждане.

    • Server-side валидация трябва да има винаги – да, но истинското улеснение за потребителя се постига именно, когато такава валидация има и във front-end-а, така че да не се получава submit-ване на form-и и refresh на страницата, само за да видиш, че нещо по input-а куца.

      От такава гледна точка – по Mobile Safari има какво да се прави още по number input-а.

Вашият коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните ви за коментари.