2016-03-31 47 views
0

後並沒有改變我使用timepicker http://pttimeselect.sourceforge.net/example/index.htmltimepicker點擊

在我的形式我驗證輸入重視工作以外的所有DEPARTURE_TIME值。

我有一個日期選擇器,它運行良好,但隨着時間的推移它什麼都不做。

<script type="text/javascript"> 
jQuery(function($) { 
    var validator = $('#commentForm').validate({ 
    rules: { 
     departure_time: { 
     required: true 
     } 
    } 

     $(document).ready(function(){ 
      $('#sample1 input').ptTimeSelect(); 
     }); 
     $(document).ready(function(){ 
      $('#sample2 input').ptTimeSelect(); 
     }); 

$(document).ready(function(){ 
    $("#departure_time").focus(function(){ 
     console.log($(this).valid()); 
    }); 
}); 

$(document).on('change','input',function(){ 
//alert('testinput'); 
    console.log($(this).valid()); 
}); 

</script> 

<div id="sample1" class="ui-widget-content" > 
    <input name="departure_time" size="35" value="" id="departure_time" data-error="#errNm10" /> 
<div class="errorTxt"> 
<span id="errNm10"></span><br> 
</div> 
</div> 
+0

你可以創建你的代碼 – koolhuman

回答

1

你在你的html中有各種問題。

1)驗證插件到底});

2)失蹤沒有<form id="commentForm">

3)jQuery(function($) {缺少關閉});

一旦你完成了上面做改變了一切工作正常。下面是更新的小提琴。

修訂FIDDLE - https://jsfiddle.net/j813ntb6/

jQuery(function($) { 
    var validator = $('#commentForm').validate({ 
     rules: { 
      departure_time: { 
      required: true 
      } 
     } 
    }); 

    $(document).ready(function(){ 
     $('#sample1 input').ptTimeSelect(); 
    }); 

    $(document).ready(function(){ 
     $('#sample2 input').ptTimeSelect(); 
    }); 

    $(document).ready(function(){ 
     $("#departure_time").focus(function(){ 
      console.log($(this).valid()); 
     }); 
    }); 

    $(document).on('change','input',function(){ 
     //alert('testinput'); 
     console.log($(this).valid()); 
    }); 
}); 
+0

的的jsfiddle我所做的更改,所不同的是在執行console.log($(本).valid());當我點擊timepicker時,我得到FALSE,datepicker我變得真實,我必須在timepicker上點擊兩次,所以它會工作 –

+0

你是什麼意思?你能解釋更多嗎? – koolhuman

+0

在控制檯日誌(使用firefox)時,當我點擊timepicker我應該得到'真',但我從'timepicker''假',我必須點擊它兩次,所以它會得到'真' –