Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ
Trang Chủ Giới Thiệu Chương Trình Học Tài Liệu Lịch Khai Giảng Học Phí Việc Làm Lộ trình học

Go Back   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ > WEB - ĐỒ HỌA - LẬP TRÌNH > HTML5, CSS3 & JQUERY > JQUERY
Đăng Ký Thành Viên Thành Viên Lịch Ðánh Dấu Ðã Ðọc


Vui lòng gõ từ khóa liên quan đến vấn đề bạn quan tâm vào khung dưới , trước khi đặt câu hỏi mới.


Trả lời
 
Ðiều Chỉnh
  #1  
Old 19-12-2012, 17:16
hungdk_nhatnghe hungdk_nhatnghe vẫn chưa có mặt trong diễn đàn
Moderator
 
Tham gia ngày: Nov 2012
Tuổi: 31
Bài gởi: 135
Thanks: 14
Thanked 81 Times in 51 Posts
KHÓA HỌC JQUERY - LẬP TRÌNH JQUERY - Jquery Capcha

Jquery CapCha


DOWNLOAD || DEMO



Chuẩn bị:
Chép 3 file: jquery.motionCaptcha.0.2.js, jquery.motionCaptcha.0.2.css, motionCaptcha-shapes.jpg vào thư mục chứa site

Bước 1: Thêm thư viện

Trong thẻ head của trang, ta thêm các thư viện js và css, chú ý sửa lại chính xác đường dẫn đến các flie đó trong site của mình

PHP Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script src="jquery.motionCaptcha.0.2.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.motionCaptcha.0.2.css"/> 
Bước 2: Xác định form cần bắt capcha thông qua id, gắn Jquery capcha vào form này.

Trong thẻ head, ngay sau các dòng chèn thư viện, ta dán vào đoạn mã sau:

PHP Code:
<script>
$(
document).ready(function() {
            
            $(
'#myform').motionCaptcha({
                
action'#mc-action'
            
canvasId'#mc-canvas',
            
shapes: ['triangle''x''rectangle''circle''check''caret''zigzag''arrow''leftbracket''rightbracket''v''delete''star''pigtail'],
            
errorMsg'Sai rồi, làm lại nhé.',
            
successMsg'Chính xác!'
            
noCanvasMsg"Trình duyệt của bạn không hỗ trợ <canvas> - nên dùng Chrome, FF4, Safari hoặc IE9.",
            });
        });
</script> 
#myform: ta thay thế bằng id thẻ form của mình.

Các thuộc tính:
  • action : ID thẻ khai báo nơi form sẽ gửi đến (submit)
  • canvasId : ID thẻ chứa nội dung CapCha
  • shapes : Khai báo các hình thay đổi cho CapCha
  • errorMsg : Nhập sai
  • successMsg : Nhập đúng
  • noCanvasMsg: Thông báo khi trình duyệt không hỗ trợ

Bước 3:

Ta cần có 1 form có id, để mã script ở bước 2 xác định được và áp dụng Jquery Capcha vào cho nó.

Code HTML của form như sau:

PHP Code:
<form action="#" id="myform" method="get">
<
div id="mc">
    <
canvas id="mc-canvas"></canvas>
</
div>
<
br/>
<
input type="submit" disabled="disabled" value="Gửi thông tin" />
<
input type="hidden" id="mc-action" value="trangnhan.php" /><!--Trang nhận thông tin form gửi lên-->
</
form
Kết thúc.
Trả Lời Với Trích Dẫn
Những người sau đây đã gửi lời cảm ơn hungdk_nhatnghe vì bài viết hữu ích này:
  #2  
Old 19-12-2012, 22:59
hongkong hongkong vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Aug 2009
Tuổi: 31
Bài gởi: 20
Thanks: 9
Thanked 5 Times in 4 Posts
very good lun đó.hay thiệt.chống spam dc nè
Trả Lời Với Trích Dẫn
  #3  
Old 19-12-2012, 23:09
hongkong hongkong vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Aug 2009
Tuổi: 31
Bài gởi: 20
Thanks: 9
Thanked 5 Times in 4 Posts
Mới Test 1 truong hop mũi tên .ko làm theo đc.hahah
Trả Lời Với Trích Dẫn
  #4  
Old 25-11-2013, 21:00
thamtutamlong1 thamtutamlong1 vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Aug 2013
Tuổi: 29
Bài gởi: 152
Thanks: 3
Thanked 4 Times in 4 Posts
hehe. cái này cũng hay mà hiện h chưa có site nào thực hành nhỉ. cái này coi bộ chống mấy thằng spam dùng phần mềm hiệu quả đây.

___________
p/s: mình đang tạo một diễn đang trong trang dich vu tham tu hy vọng phần mềm này sẽ có ích
Trả Lời Với Trích Dẫn
Trả lời

Bookmarks

Ðiều Chỉnh

Quyền Sử Dụng Ở Diễn Ðàn
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Mở
Smilies đang Mở
[IMG] đang Mở
HTML đang Tắt

Chuyển đến

Similar Threads
Ðề tài Người Gởi Chuyên mục Trả lời Bài mới gởi
KHÓA HỌC JQUERY - LẬP TRÌNH JQUERY - Xoay sản phẩm 360 độ hungdk_nhatnghe JQUERY 6 25-11-2013 20:54
[Help] Cần các pro giúp đỡ về đề tài VPN trên 2k8 thienlong481990 Windows Server 2008 14 01-07-2013 16:50
Lớp học cấp chứng nhận BD giám sát xây dựng 3 lĩnh vực - lh 0975122389 halamxd Người Tìm Việc 0 10-09-2012 09:57



Múi giờ GMT +7. Hiện tại là 18:32
Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Ad Management by RedTyger