form-contact-form-7

Việc người dùng sau khi điền thông tin và nhấn nhiều lần vào nút gửi form trong contact form 7 như hình trên sẽ dẫn đến tình trạng trùng lặp thông tin.

Để tránh tình trạng trùng lặp thông tin do gửi form nhiều lần bạn hãy chèn đoạn mã js sau vào website của bạn.

jQuery('.wpcf7-submit').click(function (event) {
    let thisElement = jQuery(this);
    thisElement.css('pointer-events', 'none');
    let oldVal = thisElement.val();
    let textLoading = 'Processing ...';
    thisElement.val(textLoading);
    document.addEventListener('wpcf7submit', function (event) {
        thisElement.val(oldVal);
        thisElement.css('pointer-events', 'auto');
    }, !1);
});

 

 

Bài viết liên quan

post-no-image

Chia sẻ một số thư viện loading css đẹp

giai-phap-chinh-css-khong-bi-luu-cache-trinh-duyet

Giải pháp tốt khi chỉnh sửa css mà không sợ bị lưu cache trình duyệt

post-no-image

Một số css tùy biến thẻ input type: select, number

post-no-image

Tắt lazyload cho một số hình ảnh

post-no-image

Tuỳ biến layout YITH WooCommerce Wishlist

post-no-image

Một số hook hoặc filter thường sử dụng trong plugin WPML