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ó 3513 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é)

Để duy trì blog nên mình có làm aff cho 1 số bên hosting. Nhưng dù aff mình cũng chọn 1 số nhà cung cấp uy tín về chất lượng và support nên các bạn cứ yên tâm nhé.

Nếu có mua hosting mà có trong list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều

(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 ^^

4.3/5 - (7 votes)
Từ khóa:
  • Bình luận
Sản phẩm nổi bật của Toản
x