在两个控件警报中添加验证变得递归

时间:2018-09-12 00:59:58

标签: javascript kendo-asp.net-mvc kendo-datetimepicker

我的模糊事件中有一个日期选择器,文本框和验证。如果日期选择器验证失败,则向用户显示一条消息。但它会立即显示文本框的验证消息。并且它变得递归。

消息始终出现。除非杀死页面,否则用户无法进入循环。

(function() {
  $("#kendoDatePicker").kendoDatePicker();

  $("#kendoDatePicker").on("blur", function() {
    if ($(this).data("kendoDatePicker").value() > new Date()) {
      alert("Date cannot be greater than today. Please re-enter.");      
    }
  });
  
  $("#kendoTextBox").on("blur", function() {
    var sch_time = $('#kendoTextBox').val();
    if (sch_time == "") {
      alert("Input can't be empty.");      
    }
  });  
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2018.3.911/js/kendo.all.min.js"></script>

<div class="demo-section k-content">
  <input id="kendoDatePicker" value="04/04/2017" style="width: 100%" />
  <input id="kendoTextBox" value="" style="width: 100%" />
</div>

提琴:https://jsfiddle.net/Hd47F/1530/

0 个答案:

没有答案