javascript - 在两个控件中添加验证警报变为递归

Question

我在他们的模糊事件中有一个日期选择器、文本框和验证。如果 datepicker 验证失败，我将向用户显示一条消息。但它立即显示文本框的验证消息。它变得递归。

消息一直出现。除非她终止页面，否则用户无法退出循环。

(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/