在輸入錯誤的輸入時顯示無效消息

Question

我已經使用bootstrap-datetimepicker編寫了一個代碼，它有兩個datetime選擇器開始和結束。代碼工作正常，但我不知道如何顯示驗證日期時間文本框。例如在日期時間選擇器文本字段中輸入某個無效日期時，應該驗證並顯示無效日期。我們怎樣才能做到這一點。

任何人都可以請幫我在這

是如下

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