Cách thứ 1: Mình muốn chia sẻ phương pháp mình đã sử dụng để tránh spam như sau:
Đầu tiên, tạo một trường nhập liệu với tên “yourname” mà không yêu cầu phải điền thông tin. Đặt trường này ở đầu của biểu mẫu.
Bọc trường nhập liệu vào một thẻ div và áp dụng CSS cho div này với thuộc tính “opacity: 0”.
Tiếp theo, tạo các trường khác để thu thập thông tin như họ tên đầy đủ, tương tự trong một biểu mẫu thông thường.
Thiết lập một điều kiện để kiểm tra khi người dùng nhấn nút gửi thông tin. Nếu trường “yourname” đã được điền, điều đó cho thấy có khả năng cao là một bot, nên ta có thể từ chối nhanh chóng. Ngược lại, nếu trường “yourname” còn trống, tiếp tục xử lý việc gửi thông tin như bình thường.
<script>
document.addEventListener('DOMContentLoaded', function() {
var guiform = document.querySelector('.wpcf7-form');
guiform.addEventListener('submit', function(event) {
var check_yourname = guiform.querySelector('input[name="yourname"]');
if (check_yourname && check_yourname.value !== '') {
event.preventDefault();
}
});
});
</script>
Chúc các bạn thành công.
Nguồn: Nguyễn Lân tại Group WPVN Tám