Javascript 空白输入通过jquery提交ul中的空白li

每次我在input中输入一个新值以及提交时。它在UL中添加，输入变得空白，但是当我点击空白输入时，它也在UL中添加空白Li，我如何解决它。 这就是代码

<form>
    <input type="text" id="addList">
    <input type="button" id="submit" value="Add">
</form>

<ul id="listItem"></ul>

jquery

    $(function (){
    $('#submit').click(function(){
        var $item = $('#addList').val();
        $('ul#listItem').append('<li>'+ $item + '</li>');
        $item = $('#addList').val(' ');
    });
});

$（函数（）{
$（“#提交”）。单击（函数（）{
var$item=$（'#addList'）.val（）；
$（'ul#listItem'）。追加（'
'+$item+'
'）；
$item=$（'#addList'）.val（''）；
});
});

---

我看不到您的代码，但我想您只是不希望提交任何未定义的值

只需检查空输入

if ($("#yourinput").val != "") myFunc(somevar);

---

如果您要求正确的答案，请提供您的代码而不是图像。

添加

非空条件

如果（$item！=''）

$（函数（）{
$（“#提交”）。单击（函数（）{
var$item=$（'#addList'）.val（）；
如果（$item.trim（）！=''）
{
$（'ul#listItem'）。追加（'
'+$item+'
'）；
$item=$（'#addList'）.val（''）；
}
});
});


$（“#addbtn”）。在（“单击”，函数（）{
val=$（“#lival”）.val（）；
如果（值修剪（）=''）{
警报（“请输入有效输入！”）
}否则{
html=“
”+val+”
”；
$（“#ulid”）.append（html）；
美元（“#lival”）.val（“”）；
}
});

添加

代码在哪里？请看：您的链接不起作用。您需要更新您的fiddle链接。并澄清您的问题。这没有多大意义，“这是JSFIDLE链接”-不。这是图像的链接。