javascript - Jquery模态窗口仅在输入值长度大于2时显示

Question

当我点击键盘上的 Enter 时，我有这样的代码来显示模式窗口:

  $(".search-input").keypress(function(e) {
    if(e.which == 13) {
      $('#screen').css({ opacity: 0.5, 'width':$(document).width(),'height':$(document).height()});
      $('#screen').show();
      $('#loading_modal').show();    
    }
  });

但我需要自定义它，如果类 .search-input 的输入值小于 3，我不会显示任何模式窗口...

我尝试这样做:

  $(".search-input").keypress(function(e) {
    if(e.which == 13) {
      if($(".search-input").value.length > 2) {
        $('#screen').css({ opacity: 0.5, 'width':$(document).width(),'height':$(document).height()});
        $('#screen').show();
        $('#loading_modal').show();    
      }
    }
  });

但由于某些原因它不起作用(如何解决我的问题？

Answer 1

使用trim()删除空格和val()

试试这个

  if($.trim($(this).val()).length > 2) {
      ......