发博客/回复消息（添加删除节点）_回复中增加删除的测点-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45541930/article/details/110955508

发博客/回复消息（添加删除节点）

消息包括标题，内容，回复的时间。功能包括验证表单内容是否为空，发布后清空输入框

<body>
    <div>
        <span>标题：</span> <input type="text" id="biaoti" style="border: 1px solid #ccc;">
    </div>
    <div>
        <span>内容：</span> <textarea name="" id="neirong" cols="30" rows="10"></textarea>
    </div>
    <button>提交</button>

    <div class="list">
        <div class="info">
            <div class="list_biaoti"></div>
            
            <div class="list_content"></div>
            <div class="list_addtime"></div>
        </div>
    </div>

    <script src="./jquery-3.5.1.min.js"></script>
    <script>
        $(function() {
            var btn = $('button').eq(0);
            btn.on('click', function() {
                var str1 = $('#biaoti').val();
                var str2 = $('#neirong').val();
                if(str1 == '') {
                    alert('请输入标题')
                } else if(str2 == '') {
                    alert('请输入内容')
                } else {
                $('.list').prepend('<div class="info"> <div class="list_biaoti">' + str1 + '</div> <div class="list_content">'+ str2 + '</div> <div class="list_addtime">' + getTime() + '</div> </div>')
                $('#biaoti').val('');
                $('#neirong').val('');
                }
            })
        })
    //获取当前时间回复评论时调用
     function getTime() {
         var t = new Date();
         var y = t.getFullYear();
         var m = t.getMonth() + 1;
         var d = t.getDate();
         var h = t.getHours();
         var mi = t.getMinutes();
         m = m < 10 ? "0" + m : m;
         d = d < 10 ? "0" + d : d;
         h = h < 10 ? "0" + h : h;
         mi = mi < 10 ? "0" + mi : mi;
         return y + "-" + m + "-" + d + "" + h + ":" + mi;
     }
    </script>
</body>