如何：检查输入是否 <=2 或未定义 [jQuery]

【问题标题】：How to: Check if input is <=2 or undefined [jQuery]如何：检查输入是否 <=2 或未定义 [jQuery]
【发布时间】：2022-11-29 04:01:19
【问题描述】：

这长度 <= 2 检查是在职的仅当我手动删除输入中的文本时。但是，我的输入有关闭按钮，它有 reset();在它上面，当我按下它时，我的输入是空的，但是 jquery 代码不关心这个并且不会将输入识别为空，因为据我所知 reset();函数将我的输入表单变为未定义的。所以我必须在我的 jQuery 中检查未定义的输入，但是它不起作用。任何线索？？

<script>
    $('.regulator').keyup(function() {
      
      if ($(this).val().length <= 2 || $(this).val().value == undefined) {
        $('.quickSearchResults').hide();
      }  else {
        $('.quickSearchResults').show();
      }
    }).keyup();
    </script>

【问题讨论】：

标签： jquery

【解决方案1】：

我建议你改用这个：

使用 .on("input" 因为它也处理粘贴
在点击、输入和加载时重新使用切换功能

在重置时添加超时

$(function() {
  const $reg = $('.regulator');
  const $qs = $('.quickSearchResults');
  const $rst = $("#rst");
  const toggleQS = () => {
    const val = $reg.val();
    $qs.toggle(val.length > 2);
  };
  $reg.on("input", toggleQS);
  $rst.on("click", () => setTimeout(toggleQS,10));
  toggleQS(); // in case there is data already
})

.quickSearchResults {
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="myForm">
  <input class="regulator" id="someId" name="someName" value="More than 2" />
  <input type="reset" id="rst" />
</form>
<div class="quickSearchResults">Results</div>

【讨论】：