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

Sau khi khách bình luận, để WordPress tự động điền lại thông tin Tên và Email của người dùng và ẩn đi thì hãy dùng đoạn mã trong bài viết này nhé!

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

<script type="text/javascript">
    $('#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>');
    }
</script>

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

5/5 (1 bình chọn)

Bình Luận