2016-09-28 112 views
1

我想阻止用戶輸入空間密鑰在input[type='text']時它是空的。如果沒有輸入空格鍵值input[type='text']應該被抓住並放在span標記中。現在,我想分配for-loop做第二部分(我的意思是把valuespan)僅五次。並且當 span已經存在。不要再這樣做了。我應該在哪裏添加我的for-loops? 這裏是我的代碼:添加javascript'for循環

$(function() 
    { 
     $("#tags-selected").on('keypress', function(e) 
     { 
       var tags_selected=$("#tags-selected").val();  
       if(e.which === 32) 
       { 
        if(!this.value.length) 
         e.preventDefault(); 
        else 
         $("<span class='suggested-tag'>"+tags_selected+"<span class='closee'>XX</span></span>").insertBefore("#tags-selected"); 
         $("#tags-selected").val(''); 
         $(".tags-review").fadeOut(300); 

       } 

     }); 
    }); 
+1

你不覺得你需要使用修整,同時檢查該'this.value.length',像這樣'this.value.trim(! ).length',否則它會計算空格並永遠不會滿足您的第一個條件? –

+2

這是你的責任,檢查你的每個問題的答案,並標記和投票正確的答案。謝謝 –

回答

5

你不需要爲此添加循環。只需使用類建議標籤檢查附加跨度元素的長度。只有追加新的元素,如果長度小於5:

if($('span.suggested-tag').length < 5){ 
    $("<span class='suggested-tag'>"+tags_selected+"<span class='closee'>XX</span></span>").insertBefore("#tags-selected"); 
    $("#tags-selected").val(''); 
    $(".tags-review").fadeOut(300); 
}