Question

我有一个带有两个文本框的表单。输入数据并单击“保存”按钮后，我会在标签中显示一条消息：表示已成功保存。

然后我再次以相同的形式，但当我点击保存按钮时，我收到一条消息，告诉我它不能为空“因为此时文本框值为空”来自必填字段验证器。

但我仍然显示“数据已成功保存”的消息，这不应该发生。有什么办法可以在显示消息后：数据保存成功。 10秒后我可以隐藏标签。清楚标签中的价值。 sothati snt显示消息我该如何解决这个问题？

谢谢。

Answer 1

setTimeout("function_to_hide_label()", time_in_milliseconds);

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

修改：

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

这样的事情应该可行，但我没有测试过。

Answer 2

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

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

Answer 3

尝试jQuery timer plugin。你可以这样做：

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

Answer 4

您应该更改验证功能，以便在运行时清除消息。这样，当用户尝试重新提交表单时，数据消息就会消失。如果在10秒内重新提交表单，10秒后消失会觉得很奇怪。

如何在10秒后禁用make标签消息

4 个答案: