Меню

Други

Влез Излез

HTML5 input type number

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

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

Дори и това да се оправи остава и още един проблем – step атрибута също не се взима превдид и ако сте го задали на 2 (така че да имате само четни или нечетни в зависимост от минималната стойност) отново няма да получите правилна валидация от браузъра.

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

  • MilenG каза:

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

    • magadanski_uchen каза:

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

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

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

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

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax