2011-01-26 3 views
0

Я использую плагин jQuery datepick для двух полей ввода и хотел бы запретить пользователям моего веб-сайта вручную вводить даты в эти поля ввода. Как я мог это сделать?Запретить пользователям вводить даты вручную в поле ввода box

Я думаю, что могу отменить события onkeydown и onkeypress, но это не кажется мне особенно элегантным, чтобы делать то же самое на двух обработчиках событий. Есть ли еще какие-то средства для достижения того же?

+0

Почему вы хотите это сделать? – SLaks

+0

@SLaks: Я довольно параноик, когда дело доходит до предотвращения недействительного ввода. – pyon

ответ

3

Установите значение «readonly» на входе.

<input type='text' id='foo' readonly='readonly'> 
+0

всегда использовать двойные кавычки для атрибутов HTML-тегов. – Raptor

+0

... или сделать все это одним выстрелом с помощью jQuery: '$ ('input.date'). Prop ('readonly', true) .datepicker (...);' – Wick

+0

только в том случае, если поле даты требуется , в противном случае, как бы вы отменили его по умолчанию? – magulla

5

просто добавить readonly атрибуты этих полей ввода, что позволит предотвратить прямой доступ

2
<input type="text" readonly/> 

должен сделать это.

+0

, но в соответствии со стандартами вы должны использовать readonly = 'readonly' – Harish

+4

@Harish: нет, сэр, вы ошибаетесь. «Стандарты», такие как «W3C», говорят нам, что это «логический атрибут». Возможно, вы правы для поддержки ** нестандартных ** браузеров, таких как Internet Explorers: http://www.w3.org/TR/html401/interact/forms.html#adef-readonly – jAndy

+0

спасибо за исправление;) – Harish

 Смежные вопросы

  • Нет связанных вопросов^_^