在提交时将表单输入文本追加到div

Question

目前，我只是想将他们的评论发布到comment div commentsbox1 。

HTML：

 <form id="commentform" name="commentform" onsubmit="submitComment();">
    <input id="commenttext" type="text" placeholder="Leave a comment..." name="commenttext">
    <input type="submit" style="position: absolute; left: -9999px"> <!-- submit by pressing enter -->
 </form>

Javascript：

function submitComment(){
    var commenttext = $('#commenttext').val();
    $('#commentsbox1').append(commenttext);
};

目前，它似乎什么也没做。 它说该功能也未使用。

Answer 1

它可以工作，但是在您看到结果之前，页面已刷新。

function submitComment(){
    var commenttext = $('#commenttext').val();
    $('#commentsbox1').append(commenttext);

    return false;
};

Answer 2

尝试这个：

 <form id="commentform" name="commentform" onsubmit="submitComment(event);">

并在函数中：

    function submitComment(e){
         e.preventDefault();
         var commenttext = $('#commenttext').val();
         $('#commentsbox1').append(commenttext);
    };

这将阻止刷新页面。

Answer 3

提交表单时，您应覆盖按钮的常规行为：

$('#myBtn').on('click',function(event) {

    event.preventDefault();

    //do what you want to do
});