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ó 251 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
5 (100%) 1 vote
Từ khóa:
  • Bình luận
Có thể bạn quan tâm
x