jquery datepicker - как сделать readonly и требуется?

Question

Я создаю форму, клиент запросил диапазон «eventStart» и «eventStop», они также хотят, чтобы это было необходимо, и не хотите, чтобы кто-то мог вручную изменять значения.

Я использую jquery datePicker и jquery validate.

У меня есть работа так или иначе, но не для обоих.

<input class="inputs" type="text" id="eventStart" readonly/> 
<input class="inputs" type="text" id="eventStop" readonly/> 

Это прекрасно работает, диапазон работает, и его нельзя отредактировать вручную.

<input class="inputs" type="text" id="eventStart" required/> 
<input class="inputs" type="text" id="eventStop" required/> 

Это всплывающее окно «Пожалуйста, заполните это поле», но позволяет редактировать дату.

Если я ставлю и это позволяет пользователю пропустить поле (без проверки).

Answer 1

В этом случае, если вы добавите только для чтения и требуется, и он обходит проверки ваши варианты реализовать собственную проверку или зацепить form submit или действие onclick вашей кнопки отправки.

Другой вариант - использовать только требуемые. Затем подключите действие квитирования и остановите ввод текста.

$("#inputs").keydown(function (event) { 
    event.preventDefault(); 
}); 

Это только прекратит ввод текста и не будет безопасным. Скрытые люди все еще могут изменить ценность, если захотят. Не забудьте подтвердить ввод поля на бэкэнд.