javascript - 提交时仅在 jQuery 中显示一次消息

Question

当我提交表单时，我会在 jQuery 中显示一条消息。

我希望它在我多次提交时只出现一次

$('form').submit(function(){
    if ($('#title').val() != '' && $('#comment').val() != '')
        $('form').append($('<span>').text('Bug sent').delay(4000).fadeOut(600));
    else
        $('form').append($('<span>').text('Fields are empty').delay(4000).fadeOut(600));

return false;
});

示例:http://jsfiddle.net/bUS8e/

Answer 1

只需删除以下形式的任何现有 span:http://jsfiddle.net/pimvdb/bUS8e/1/ .

$('form span').remove();

请注意，这也会删除您可能不想删除的任何其他不相关的 span。在这种情况下，您可以向您添加的消息 span 添加一个类，并使用 $('form span.message').remove(); 以便仅那些消息 span 被删除。