[Vlasenko Fedor]

Что за спор а драки нет?
Я вам привел актуальное и лучшее решение на данный момент(Свое ). (Оформление можете сами поправить)
Если вы глянете большинство магазинов, то там +- прописывают функцию прямо в input тем самым засоряя html разметку.