如果提交的字段为空，则防止添加/附加输入类型 =“按钮”

Question

我有一个从输入字段添加列表的简单 html 项目

<div class="container">
    <input id="list-input" />
    <button id="add">Add To List</button>
</div>
<div class="container">
    <h1>Your List</h1>
    <ul id="mylist">

    </ul>
    <button id="clear">clear</button>
</div>

以下是我在添加列表时如何管理我的 jquery

$('document').ready(function(){
    //add to list function
    $('#add').click(function(){
        var newToList = $('#list-input').val();

        $('#mylist').append('<li id="item">' + newToList  + '<button id="remove"/></button>' + '</li>');

        if(newToList == ""){
            alert("Please input some list to do");
        }
        //clear input field
        $('#list-input').val('');
    });

});

每次我提交一个空字段时，都会返回一个警报，但我附加的按钮仍然显示。有没有办法让我在字段值旁边添加一个按钮，如果字段为空，它不会同时显示字段值和旁边的按钮？

Answer 1

警报后返回 false。

$('#add').click(function(){
    var newToList = $('#list-input').val();

   if(newToList == ""){
        alert("Please input some list to do");
         return false;
    }
    $('#mylist').append('<li id="item">' + newToList  + '<button id="remove"/></button>' + '</li>');



    //clear input field
    $('#list-input').val('');

});