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

Add the Meta Box Upload Multiple Images and multiple metabox

post-no-image

Add the Meta Box Repeat

post-no-image

Kỹ thuật debounce trong javascript – Trì hoãn nhập từ khóa trong ô input

post-no-image

Thêm VS Code snippets

post-no-image

Query only seach by title

post-no-image

Hướng dẫn tạo form có validate, upload file nhiều bước và xử lý ajax