jQueryでページをリロードした後に成功メッセージをフェードインまたはフェードアウトする方法は？

Question

このトピックをたくさん検索して、さまざまな回答を得ましたが、どれも私のために働いていません。

私はフォームが正常に送信されると、ページをリロードします。

$('form').on('submit', function(event){ 
if($('#input').val() == 0){ 
    alert("Please insert your name"); 
    event.preventDefault(); 
    } 
} 

ここで、正常に送信されるたびに、成功メッセージが上にスライドし、2秒間そこにとどまってからフェードアウトします。

私はこれを試しましたが、ページがリロードされた後には残りません。

else{ 
    $('.success_message').fadeIn(1500); 
    } 

純粋なjQueryで可能ですか？

また、私はページをリロードする方法を探していません。フォームは、フォームを送信した後に自動的にリロードされます。値がlocalStorageに存在するかどうかを確認そして

$('form').on('submit', function(event) { 
    if ($('#input').val() == 0){ 
    alert("Please insert your name"); 
    event.preventDefault(); 
    } 
    localStorage.fadeInSuccessMessage = "1" 
}); 

：フォームを送信した後

Answer 1

は、成功メッセージがフェードインする必要があることを示すlocalStorageに値を設定します。そうならば、メッセージをフェードインとlocalStorageから値を削除します。

if ("fadeInSuccessMessage" in localStorage) { 
    $('.success_message').fadeIn(1500); 
    delete localStorage.fadeInSuccessMessage; 
}