Keyup显示成功消息一次

Question

我有一个文本区域,每当用户点击一个键或在文本区域内写入时,它就会将数据保存在我的数据库中.我的问题是,当我想要显示一个成功的消息,如"保存",<p>它会重复自己,每当有人点击一个键,我希望它重复显示相同的消息,但只有一次.

如果可能,可在10秒后删除成功的"已保存"消息.

这就是我的意思:

HTML:

<div class="form-group">
     <label for="comment">Kommentar:</label>
     <textarea class="form-control" rows="5" id="comment" name="comment"></textarea>
  <p name="message" id="message"></p>

jQuery的:

$("#comment").keyup(function (){
    var isTyping = $('#comment').val();
    var data = 'result=' + isTyping;

    $.ajax({
        type: 'POST',
        url: "commentsave.php",
        data: data,
        cache: false,
        success: function(html){  
           $('#message').append('Saved');

        }
    });
});

PHP:

$name = $_POST['result'];
echo $name;

非常感谢,不需要你为我编码,但只是引导我:)

Answer 1

更改:-

$('#message').append('Saved');

至:-

$('#message').html('Saved');

注意: - append()将新数据添加到元素内的现有数据中,这就是显示多个成功消息的原因.

虽然html()将首先从元素中删除旧数据,然后添加新数据.所以不会重复.

请尝试阅读您帖子下的每条评论,并尝试实施改进.特别是不要在每个键盘上发送ajax呼叫.它会在某个时间点破坏你的系统.