Keyup 显示一次成功信息

Question

我有一个文本区域，每当用户按下一个键或在文本区域中写入时，它就会将数据保存在我的数据库中。我的问题是，当我想在 <p> 中显示像 "saved" 这样的成功消息时，它会在每次有人按下某个键时重复自己，我希望它重复显示相同的消息，但只显示一次.

如果可能，可以在 10 秒后删除 "saved" 成功消息。

这就是我的意思：

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()会先从元素中删除旧数据，然后添加新数据。所以不会发生重复。

请尝试阅读您 post 下的每条评论，并尝试实现它们 improvement.Specially 而不是在每次按键时发送 ajax 调用。它会在某个时候破坏你的系统。

Keyup 显示一次成功信息

Keyup show success-message one time

html

php

jquery

keyup