Нужно через 10 секунд после того как пользователь ввел какой-то текст его сохранить в local Storage, а при перезагрузке страницы вывести данные из local Storage в текстовое поле. При успешной отправке формы удалить данные с local Storage.
<form id="form_id" action="save.php" method="post">
<input type="text" name="name" id="name" />
<br><br>
<textarea name="message" id="message" rows="5" cols="25"></textarea>
<br><br>
<input type="submit" id="submit" name="submit" value="Сохранить" />
</form>
<br>
<div id="alert"></div>
<br><br>
<div id="preview"></div>
Js
$("#message").keyup(function() {
setTimeout(function() {
var mes_value = $('#message').val();
localStorage.setItem('local', mes_value); // сохраняем в local Storage
var local_value = localStorage.getItem('local'); // извлекаем из local Storage
var local_value = local_value.replace(/\n/g, "<br />");
$('#preview').html(local_value); // показываем что сохранилось
$('#alert').html("<strong>Даные Сохранено</strong>"); // показываем сообщение
$('#alert').fadeIn().delay(1500).fadeOut(); // почему оно показывается несколько раз если должно показываться только один раз
}, 3000);
});
//Как при перегрузки страницы вставить данные из local Storage в текстовое поле #message; и #preview;