html обязательный атрибут не работает с readonly

Question

<form action="check_rooms1.php" method="post" name="search_room" class="form" > 
     <p> 


      <label for="checkin">Check in date</label> 

      <input name="checkin" type="text" id="checkin" placeholder="click to enter" readonly required> 
     </p> 
     <p> 
      <label for="checkout">Check out date</label> 

      <input name="checkout" type="text" id="checkout" placeholder="click to enter" readonly required> 
      </p> 
     <p>   
      <label for="beds">Hotel type</label> 
      <label for="hotel_type"></label> 
      <select name="hotel_type" id="hotel_type"> 
      <option value="1" selected>1 star</option> 
      <option value="2">2 star</option> 
      <option value="3">3 star</option> 
      <option value="4">4 star</option> 
      <option value="5">5 star</option> 
      </select> 
      <input type="submit" name="search_button" id="search_button" value="Search"> 
     </p> 
     </form> 

Необходимая проверка не работает. Я ввожу даты, используя календарь jquery. поэтому я отключил редактирование текста, только прочитав. Есть ли проблемы с readonly?

Answer 1

Спасибо за беспокойство. Проблема решена с использованием даты типа ввода. Он дает календарь, чтобы выбрать дату и не может также изменить дату также