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ó 1277 Views
Các bạn ơi! TINO HOST đang giảm 51% Unlimited Hosting chỉ còn 39k/tháng thôi nha. Hosting KHÔNG GIỚI HẠN nha
Chi tiết Về Tino Host tại đây
Chi tiết giá Hosting tại đây

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ừ khóa:
Các bạn ơi! TINO HOST đang giảm 51% Unlimited Hosting chỉ còn 39k/tháng thôi nha. Hosting KHÔNG GIỚI HẠN nha
Chi tiết Về Tino Host tại đây
Chi tiết giá Hosting tại đây
  • 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