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

Update post meta ACF sử dụng Rest API WordPresss

post-no-image

Jquery ngăn không cho ô input type number nhập ký tự không hợp lệ

post-no-image

Hướng dẫn làm phần compare products trong Woocommerce

post-no-image

Loadmore product woocommerce infinity scroll

post-no-image

Add the Meta Box Upload Multiple Images and multiple metabox

post-no-image

Add the Meta Box Repeat