值不等于OR值不等于jQuery中的空间

Question

如何在jQuery中检测space ？ 如何在jQuery中检查等于空格或&nbsp的值？

请检查此代码。

 Search:  <input type="text" name="search-filter" class="search-filter" / > 
          <input type="submit" value="submit" class="search-img" >

$(".search-img").on("click",function(){
    var search_val=$(".search-filter").val();

     if(search_val!=="" && search_val!==null ){

         alert(search_val);

      }
});

在这里，当我只输入一个空格并单击“提交”按钮时，它正在发出警报。

为什么此代码不起作用？

Answer 1

使用.trim（）删除字符串开头和结尾的空格。 尝试这个：

 $(".search-img").on("click",function(){ var search_val=$(".search-filter").val().trim(); if(search_val!=="" && search_val!==null){ alert(search_val); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Search: <input type="text" name="search-filter" class="search-filter" / > <input type="submit" value="submit" class="search-img" > 

Answer 2

采用

search_val.trim()

它从字符串中删除任何前导和尾随空格

Answer 3

您正在使用提交类型，这意味着如果您想捕获事件，则应将event.preventDefault（）添加到jQuery代码中。 另外，您将警告与“”和null不同的search_val。

$(".search-img").on("click",function(event){
    event.preventDefault();
    var search_val=$(".search-filter").val();

     if(search_val!==" " && search_val!==null ){

         alert(search_val);

      }
});

Answer 4

尝试这个：

if(search_val!==" " && search_val!==null ){

         alert(search_val);

      }

要么

if(search_val!=" " && search_val!==null ){

         alert(search_val);

      }