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

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