2017-05-23 139 views
0

如何在jQuery中檢測space?如何檢查值相當於空間或&nbsp在jQuery中?在jQuery中值不等於或不等於或值不等於空格

請檢查這個代碼。

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); 

     } 
}); 

在這裏,當我只是輸入一個空格,然後單擊提交按鈕它是警報。

爲什麼這段代碼不工作?

+0

嘗試檢查' 「 」'而不是僅僅'「」' – SimpleBeat

+1

爲什麼你在測試'null'嗎? '.val()'方法永遠不會爲輸入元素返回'null'。它不會返回'「 」',除非用戶從字面上輸入了這六個字符。 – nnnnnn

+0

這是我朋友的新信息。你從哪裏得到這些信息? –

回答

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" >

+0

如果我的輸入值是紅色產品會發生什麼? 。在這種情況下,我需要在MySQL中搜索紅色產品,我不想將此值修剪爲紅色產品,因爲在mysql中我存儲爲紅色產品。 –

+0

'.trim()'會工作,因爲它會從字符串的開頭和結尾刪除空格。如果您在使用'.trim()'後輸入'red product',則value將僅爲'red product'。 – Unknown

+0

謝謝朋友 –

0

使用

search_val.trim() 

它消除

0

您使用的是提交類型,這意味着從字符串的開頭和結尾空格,如果你想趕上你應該添加event.preventDefault事件()到你的jQuery代碼。此外,您將提醒search_val與「」和null不同。

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

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

     alert(search_val); 

     } 
}); 
0

試試這個:

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

     alert(search_val); 

     } 

OR

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

     alert(search_val); 

     }