2016-04-29 84 views
0

我正在爲這個基本的jQuery而努力,我希望你能幫上忙。如何重新檢查輸入是否爲空

我有以下代碼,如果它是空的,則隱藏#test。如果輸入不再爲空,我如何更改爲現在顯示。

jQuery(function ($){ 
    if($("#email").is(":empty")){ 
    var test = $("#test"); 
    $(test).hide(); 
    } 
}); 

回答

2

嘗試以下

$('#email').keyup(function(event) { 
    var test = $('#test'); 
    if($(this).val() === '') { 
     test.hide(); 
    } else { 
     test.show(); 
    } 
}); 
+0

不會改變你的HTML這種方法。林相當肯定,我必須添加一個eventlistener或重新檢查,如果有人輸入任何東西 – Gregor

+0

@Gregor我更新了答案。請再試一次 –

+0

這正是我想要的。謝謝! – Gregor

0

上面解釋過,您可以使用.VAL檢查的價值,那麼你可以使用if語句來顯示基於郵件是否爲空或不/隱藏。

 function ShowHide(){ 
      if($("#email").val() == ""){ 
       $("#test").hide(); 
      } else { 
       $("#test").show(); 
      } 

,你可以調用使用的onclick = 「顯示隱藏()」