Question

目前我只是想将评论发布到评论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
});

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

3 个答案: