Công cụ thành viên

Công cụ trang web


programming4:thematic:captchathemedefault

Đây là một phiên bản cũ của tài liệu!


Hướng dẫn sử dụng chức năng captcha theo quy cách của giao diện mặc định

Mục tiêu của đề tài này: Thêm captcha vào ứng dụng của bạn đang phát triển theo cách mặc định của NukeViet đưa ra.

Chú ý: Hướng dẫn này được viết ngay tại phiên bản NukeViet 4.1.01, nếu phiên bản NukeViet của bạn khác 4.1.01 một số chi tiết có thể sẽ khác đi.

Các bước thực hiện

Bước 1: Gọi hiển thị captcha

Để gọi hiển thị captcha, ứng dụng cần phải kiểm tra được cấu hình loại captcha thông qua biến $global_config['captcha_type'] nếu giá trị bằng 2 tức đang sử dụng reCAPTCHA, nếu khác 2 tức đang sử dụng captcha dạng nhập mã xác nhận nói chung.

Đối với reCAPTCHA

Để hiển thị captcha ứng dụng cần đưa vào HTML xuất ra một đoạn mã như sau:

<div id="recaptcha" data-toggle="recaptcha"></div>
<script type="text/javascript">
nv_recaptcha_elements.push({
    id: "recaptcha", // ID của thẻ HTML mà reCAPTCHA sẽ xuất hiện. ID này phải là duy nhất nếu không reCAPTCHA sẽ xuất hiện nhưng không thể ấn chọn.
    btn: $('[type="submit"]'), // Nút submit của form hệ thống sẽ disable khi load trang và enable khi xác thực thành công.
    size: "compact", // Bỏ dòng này nếu 
    pnum: 3,
    btnselector: '[name="submit"]'
});
</script>
Chú ý: 3 thuộc tính data-toggle=“recaptcha”, pnum, btnselector được sử dụng nếu như đoạn mã này xuất hiện trong một khối ẩn, khối này sẽ được nhân lên trong một sự kiện (events) nào đó ví dụ

Đối với dạng mã xác nhận

Ứng dụng cần

/index.php?scaptcha=captcha&t=1487726078

programming4/thematic/captchathemedefault.1487727040.txt.gz · Sửa đổi lần cuối: 2017/02/22 08:30 bởi hoaquynhtim99