Поле ввода текста HTML с обозначением денежной единицы
Я хотел бы иметь поле ввода текста, содержащее "$", входят в систему самое начало, и какое редактирование происходит с полем для знака быть персистентным.
Я был бы хорош, если бы только числа были приняты для входа, но это - просто необычное дополнение.
3 ответа
Рассмотрите возможность моделирования поля ввода с фиксированным префиксом или суффиксом, используя диапазон с рамкой вокруг поля ввода без полей. Вот простой начальный пример:
.currencyinput {border: 1px inset #ccc; } .currencyinput input {граница: 0; } $<input name="currency">
См. Также: Ограничение ввода текстовым полем: разрешены только числа и десятичная точка
Поместите '$' перед полем ввода текста, а не внутри него. Это значительно упрощает проверку числовых данных, поскольку вам не придется разбирать '$' после отправки.
Вы можете, используя JQuery.validate() (или другие), добавить некоторые правила валидации на стороне клиента, которые обрабатывают валюту. Это позволит вам иметь '$' внутри поля ввода. Но вам все равно придется выполнять проверку на стороне сервера для обеспечения безопасности, и это вернет вас в положение, когда придется удалить '$'.