показать недопустимые сообщения при вводе неправильного ввода

Question

Я написал код с использованием bootstrap-datetimepicker, у которого есть два начала и конца набора даты и времени. Код работает нормально, но я не знаю, как показать валидацию в текстовое поле даты. например, в текстовом поле выбора даты и времени, когда я ввожу какую-то недействительную дату, он должен проверять и показывать недопустимую дату. Как мы можем достичь этого.

Может кто-нибудь, пожалуйста, помогите мне в этом

Мой код, как указано ниже

JSFiddle

<div class="container"> 
    <div class="col-sm-6" style="height:75px;"> 
     <div class='col-md-5'> 
      <div class="form-group"> 
       <div>Start</div> 

       <div class='input-group date' id='startDate'> 
        <input type='text' class="form-control" name="startDate" /> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
     <div class='col-md-5'> 
      <div class="form-group"> 
       <div>End</div> 

       <div class='input-group date' id='endDate'> 
        <input type='text' class="form-control" name="org_endDate" /> 
        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span> 
        </span> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Отъезд документы, касающиеся вариантов: http://eonasdan.github.io/bootstrap-datetimepicker/Options/

Я никогда не использовал этот плагин, но похоже, что некоторые из них позволяют вам устанавливать параметры проверки и не писать слишком много кода.

вещи, как:

• format (с использованием moment.js нотации)
• minDate & maxDate
• disabledDates
• и выглядит useStrict также может быть полезно в зависимости от того, что ваши требования.

Answer 2

Йо. validate.js очень прост в применении. Это также очень легко настроить.

Простая демонстрация here.

$(document).ready(function(){ 
    $("#form").validate(); 
    }); 

Подробнее о Validate.js