2016-09-27 2 views
0

私は、アラートポップアップを使って検証と成功/失敗のメッセージを表示しましたが、今はHTMLラベルのテキストを使って同じものを表示し、時間の長さ。アラートからラベルへのメッセージを変更する最も良い方法

if ($("#lblErrorMessage").text() != "") { 
    clrMsg = setTimeout(function(e) { 
     $("#lblErrorMessage").text(""); 
     clearTimeout(clrMsg); 
    }, 5000); 
} 

このアプローチは非常に厄介であるとのメッセージが成功であるかどうかをチェックする方法(長く表示する必要があります)、またはエラー/失敗メッセージを(表示する必要がありません:私は現在、タイムアウト機能を使用していますより短い期間)。誰もがページ全体で使用することができ、私が望む要件を満たすことができる機能を提案することはできますか?

ありがとうございます。

答えて

0

追加クラスはありますか?

あなたは#lblErrorMessageにメッセージを追加する方法を示していない...
は、しかし、私はあなたにも「成功」か「失敗」のようにそれにクラスを追加することができたとします。

function removeMessage(){ 
    if ($("#lblErrorMessage").text() != "") { 
     if $("#lblErrorMessage").hasClass("success"){ 
      clrDelay = 5000; 
     } 
     else if $("#lblErrorMessage").hasClass("fail"){ 
      clrDelay = 2500; 
     } 
     clrMsg = setTimeout(function(e) { 
      $("#lblErrorMessage").text(""); 
      //clearTimeout(clrMsg);  // No use for that. 
      $("#lblErrorMessage").removeClass("success fail"); // Remove classes for future messages. 
     }, clrDelay); 
    } 
} 
+0

ありがとう:

$("#lblErrorMessage").text("Some success messsage to user.").addClass("success"); removeMessage(); 

または

$("#lblErrorMessage").text("Some error messsage to user.").addClass("fail"); removeMessage(); 

次に、ここで新しいsetTimeout関数です。私はこれを試してみる – Abhay

関連する問題