HTML5 input type number
Преди малко установих, че към днешна дата (22.06.2014) Mobile Safari има проблеми с валидацията на <input type="number" />.
Първоначално при фокусиране на поле от този тип клавиатурата ви изписва цифри и специални знаци. Можете обаче спокойно да превключите на букви и да въведете такива.
Дори и това да се оправи остава и още един проблем: step атрибута също не се взима предвид. Ако сте го задали на 2, така че да имате само четни или нечетни, отново няма да получите правилна валидация от браузъра.
Току-що проверих как се държи Android в подобни ситуации, но при Chrome всичко е наред както на desktop, така и на мобилни устройства.
Валидация не бива да се прави в клиента. На новите инпут типове трябва да се гледа само като улеснение за въвеждане.
Server-side валидация трябва да има винаги – да, но истинското улеснение за потребителя се постига именно, когато такава валидация има и във front-end-а, така че да не се получава submit-ване на form-и и refresh на страницата, само за да видиш, че нещо по input-а куца.
От такава гледна точка – по Mobile Safari има какво да се прави още по number input-а.