当我提交时，仅在 jQuery 中显示一次消息

发布于 2024-12-11 08:06:07 字数 489 浏览 0 评论 0原文

当我提交表单时，我会在 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/

原文

When I submit my form, I display a message in jQuery.

I want it appears only once when I submit more than once

$('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;
});

Example : http://jsfiddle.net/bUS8e/

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

网白 2024-12-18 08:06:07

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

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

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

Simply remove any existing spans in the form: http://jsfiddle.net/pimvdb/bUS8e/1/.

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

Note that this would also remove any other, irrelevant spans which you might not want to have removed. In that case, you can add a class to the message spans you add, and use $('form span.message').remove(); so that only those message spans get removed.

回复收藏 0 原文

吻泪 2024-12-18 08:06:07

检查 $('form').text() 是否包含“Bug sent”？
IE

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

return false;
});

Check if $('form').text() contains "Bug sent"?
i.e.

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

return false;
});

回复收藏 0 原文

暮凉 2024-12-18 08:06:07

当用户提交表单时删除所有跨度。然后再次添加它们（如有必要）：

像这样

回复收藏 0 原文

愛放△進行李 2024-12-18 08:06:07

您可以将 span 添加到 HTML 代码中并为其指定一个 ID。您无需每次都添加新的 span，只需通过其 ID 对其进行寻址即可重用现有的跨度。

回复收藏 0 原文

纸伞微斜 2024-12-18 08:06:07

将 div（或任何其他元素）添加到表单中，并使用 $('div').html([YOUR STUFF]) 而不是 $('表单').append([你的东西])。

回复收藏 0 原文

自在安然 2024-12-18 08:06:07

您应该先清除父元素：

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

    return false;
});

You should clear the parent element before:

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

    return false;
});

回复收藏 0 原文

~没有更多了~