添加javascript';对于';环

添加javascript';对于';环,javascript,jquery,html,Javascript,Jquery,Html,我想防止用户在input[type='text']为空时输入空格。如果在输入空格后未输入键,则应抓取input[type='text']的值,并将其放入span标记中。现在,我想为循环指定一个来执行第二部分(我的意思是将值放入span)仅五次。当5span已经存在时,请不要再这样做。我应该在哪里为循环添加? 这是我的密码: $(function() { $("#tags-selected").on('keypress', function(e) {

我想防止用户在
input[type='text']
为空时输入空格。如果在输入空格后未输入键,则应抓取
input[type='text']
的值,并将其放入
span
标记中。现在,我想为循环指定一个
来执行第二部分(我的意思是将
放入
span
)仅五次。当5
span
已经存在时,请不要再这样做。我应该在哪里为循环添加
?
这是我的密码:

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

                } 

        });
    }); 
$(函数()
{
$(“#选择标记”)。在('keypress',函数(e)上
{
var tags_selected=$(“#tags selected”).val();
如果(e.which==32)
{
如果(!this.value.length)
e、 预防默认值();
其他的
$(“+tags_selected+”XX”)。在(“#tags selected”)之前插入;
$(“#选择标记”).val(“”);
$(“.tags review”).fadeOut(300);
} 
});
}); 

您不需要为此添加循环。只需检查带有类建议标记的附加跨度元素的长度。仅当长度小于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);
}
if($('span.suggered tag')。长度<5){
$(“+tags_selected+”XX”)。在(“#tags selected”)之前插入;
$(“#选择标记”).val(“”);
$(“.tags review”).fadeOut(300);
}

您不需要为此添加循环。只需检查带有类建议标记的附加跨度元素的长度。仅当长度小于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);
}
if($('span.suggered tag')。长度<5){
$(“+tags_selected+”XX”)。在(“#tags selected”)之前插入;
$(“#选择标记”).val(“”);
$(“.tags review”).fadeOut(300);
}

检查此
时,您是否认为需要使用修剪!这个.value.length
,就像这个
!此.value.trim().length
,否则它将计为空白,永远不会满足您的第一个条件?您有责任检查每个问题的答案,并标记并投票选出正确答案。谢谢您不认为在检查此
时需要使用trim吗!这个.value.length
,就像这个
!此.value.trim().length
,否则它将计为空白,并且永远不会满足您的第一个条件?您有责任检查每个问题的答案,并对正确答案进行评分和追加投票。谢谢