Tùy chỉnh nút submit của contact form 7

Cập nhật lần cuối 12/04/2017 by trong WordPress vào 12/04/2017 có 893 Views

Qua bài này sẽ giúp các bạn tùy chỉnh được nút submit của contact form 7. Mặc định khi click vào nút submit sẽ có 1 ảnh loading quay tròn bên cạnh. Nhưng mình sẽ chỉnh sửa nó để ẩn đi cái ảnh loading đó, thay với dòng chữ “Đang xử lý …

Để đáp ứng được nhiều yêu cầu khác nhau mà đoạn code này được ra đời. Thực ra để cái ảnh loading cũng đẹp mà 🙂 cơ bản design nó khác đành phải làm thôi chứ biết làm sao 🙂

Các bạn chỉ cần chèn đoạn jQuery sau vào file .js của bạn (Cái này cho bạn nào đang phát triển theme nhé)

(function($) {
    $(document).ready(function () {
        $('.wpcf7-submit').click(function () {
            var thisElement = $(this);
            var oldVal = thisElement.val();
            var textLoading = 'Đang xử lý ...';
            $('.cf7_submit .ajax-loader').remove();
            thisElement.val(textLoading);
            document.addEventListener('wpcf7submit', function (event) {
                thisElement.val(oldVal);
            }, false);
        });
    })
})(jQuery);

Chúc thành công ^^

Tùy chỉnh nút submit của contact form 7
4.5 (90%) 2 votes
Từ khóa:
  • Bình luận
Hosting nên dùng cho WordPress tại Việt Nam
Nhắn tin cho tôi 0965.419.096
Sản phẩm nổi bật của Toản
x