javascript - 检查表单输入是否已填充并隐藏/取消隐藏 div 元素

Question

我在隐藏/取消隐藏div元素时遇到了一些问题。我有input由 datepicker 填充的元素。如果该input元素为空（始终在开始），div则应隐藏该元素。我有这个代码：

$("#input#date_from").keyup(function () {
   if ($(this).val()) {
      $("#return_section").show();
   }
   else {
      $("#return_section").hide();
   }
});

但它没有用。元素还是可见的div，不知道问题出在哪里？

谢谢你的帮助！

Answer 1

您在选择器的开头有一个额外#的，当您选择input元素时不需要它，而不是带有id“输入”的元素。试试这个：

$("#date_from").keyup(function () {
   if ($(this).val()) {
      $("#return_section").show();
   }
   else {
      $("#return_section").hide();
   }
});

Answer 2

如果#date_from输入由日期选择器填充，则最好使用它来change()代替keyup()它监视输入值的变化，而不是键盘敲击。我还将明确检查输入字段是否为空。

$("#date_from").change(function () {
    if ($(this).val() !== '') {
        $("#return_section").show();
    }
    else {
        $("#return_section").hide();
    }
});