jquery 如何在10秒后禁用标记消息

isr3a4wc  于 2023-06-05  发布在  jQuery
关注(0)|答案(4)|浏览(647)

我有一个带有两个文本框的表单。一旦我输入数据并单击保存按钮,我会在标签中看到一条消息:表示已成功保存。
然后我再次在同一个表单中,但当我单击保存按钮时,我收到一条消息,告诉我它不能为空“因为文本框值这次为空”,来自必填字段验证器。
但我仍然显示“数据保存成功”的消息,这不应该发生。有没有什么方法可以在显示消息后:数据保存成功。10秒后。我可以隐藏标签。清除标签中的值。sothati snt显示消息如何解决此问题?
谢谢你。

3hvapo4f

3hvapo4f1#

setTimeout("function_to_hide_label()", time_in_milliseconds);

时间是“在函数应该被调用的时间之后”。

编辑:

$('#btnSave').click(function() {
       $('#lblsuccess').show();
       setTimeout(function(){  $('#lblsuccess').hide(); }, 10000); 
});

这样的东西应该工作,但我没有测试它。

ss2ws0br

ss2ws0br2#

试试jQuery timer plugin你可以这样做:

$('#your-label').oneTime(10000, function() {
    $(this).hide();
});
sr4lhrrt

sr4lhrrt3#

您应该更改验证函数,以便在运行时清除消息。这样,当用户尝试重新提交表单时,数据消息就会消失。如果表单在10秒内被重新提交,那么让它在10秒后消失会让人感觉很奇怪。

lb3vh1jj

lb3vh1jj4#

你可以在Javascript中使用超时,也可以在jQuery中使用timer plugin。这将允许您创建一个函数,在一段时间后删除消息。我自己没有使用过定时器插件,但它看起来很稳定。

$("#save-button").click(function() {
        //code to save etc
        $("your label").oneTime(10000, "hide", function() {
               $("Your Label").hide();
         });
});

相关问题