Tự động lưu và ẩn trường nhập thông tin bình luận khi người dùng đã nhập

Các bạn thêm đoạn mã JavaScript sau vào cuối trang web, xem demo ngay tại trang.

$('#comment').attr('placeholder', 'Nhận xét của bạn...');
$('#author').attr('placeholder', 'Tên hiển thị');
$('#email').attr('placeholder', 'Địa chỉ email');

$('#author').keyup(function() {
    localStorage.setItem('author', $(this).val());
});

$('#email').keyup(function() {
    localStorage.setItem('email', $(this).val());
});

var authorName = localStorage.getItem('author') || '';
$('#author').val(authorName);
var cmtEmail = localStorage.getItem('email') || '';
$('#email').val(cmtEmail);

if (authorName != '' && cmtEmail != '') {
    $('p.comment-form-author').addClass('hidden');
    $('p.comment-form-email').addClass('hidden');
    $('p.comment-form-author').before('<p class="comment-form-welcome">Bình luận với tên <strong>' + authorName + '</strong>. <a href="javascript:void(0)" onclick="$(\'p.comment-form-welcome\').addClass(\'hidden\'); $(\'p.comment-form-author\').removeClass(\'hidden\'); $(\'p.comment-form-email\').removeClass(\'hidden\'); $(\'#author\').select().focus();">Thay đổi?</a></p>');
}

Chúc các bạn thành công!