Question

我正在使用时间戳http://pttimeselect.sourceforge.net/example/index.html

在我的表单中，我验证输入值是否适用于除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>

Answer 1

你的html中有各种各样的问题。

1）最后});

缺少验证插件

2）没有<form id="commentForm">

3）jQuery(function($) {缺少结束});

完成上述更改后，一切正常。下面是更新的小提琴。

更新的好词 - 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());
    });
});

点击后，timepicker不会改变

1 个答案: