Sử dụng và custom validate cho contact form 7 dễ dàng



Contact form 7 là một trong những plugin hỗ trợ tốt nhất khi bạn sử dụng wordpress để tạo form. Tính tới thời điểm hiện tại đã có hơn 5 triệu lượt tải về sử dụng trên trang wordpress.org. Bài viết này mình muốn hướng dẫn các bạn chỉnh sử dụng validate trong contact form 7 và cách để thêm validate cho những ô input trong form.

Sử dụng validate mặc định trong contact form 7

Trong đó

*: là trường bắt buộc

email: là trường có kiểu email

tel: trường có kiểu số điện thoại

Và còn một số kiểu dữ liệu input trong contact form 7 như: Số, date, file, radio,văn bản, url,…

Trong trường hợp bạn muốn bắt thêm validate cho các ô input thì phải làm thế nào?

Custom validate trong contact form 7

Khi sử dụng contact form 7, trong một số trường hợp contact form 7 không hỗ trợ validate nhưng bạn mong muốn. Lúc đó bạn bắt buộc phải tự viết ra những quy luật validate cho form.

Ví dụ như ở form contact ở trên, nếu bạn muốn bắt lỗi email và email xác nhận phải trùng nhau. Trường hợp này contact form 7 không hỗ trợ theo mặc định. Tuy nhiên plugin này cũng đã viết sẵn filter hook để chúng ta có thể can thiệp vào quá trình submit form để thêm validate cho form theo như ý muốn.

Để thêm validate cho form, bạn hãy sử dụng filter hook:

Ở đây, email là kiểu input trong form. Có các loại input sau: text, email, tel, url, number, date, radio, văn bản,…

function_callback là 1 function bạn sẽ viết quy luật validate trong đó. Ví dụ mình muốn validate ô email và xác nhận email theo như form ở trên thì function_callback sẽ được viết như sau:

Nội dung toàn bộ quá trình thêm validate

Bạn chỉ việc dán vào file functions.php thì nó sẽ hoạt động

Tương tự như vậy bạn cũng có thể bắt được validate cho tất cả các ô input trong contact form 7

Chúc các bạn thành công!

Bình luận

Bài viết cùng chuyên mục