سلام ;

اسکریپت کپچایی که الان می خواهیم معرفی کنیم ،در واقع یک پلاگین jquery است که از فرم های سایت شما در برابر ربوت ها و اسپمرها محافظت می کند.حالا شاید برای عده از دوستان این پرسش پیش آید که کلا کپچا یهنی چه و به چه کاری می آید؟سوال خوبیست ،اجازه بدید کمی توضیح بدیم.

حتما در اکثر سایت ها فرم های مختلف را دیده اید که از آنها برای تماس ،نظر دادن در مورد مطالب و کارهای دیگر استفاده می شود.در واقع فرم ها ،پل ارتباطی بین صاحب سایت و بیننده هستند و تا اینجا مشکلی نیست.حالا عده ای از عزیزان از این امکان سوء استفاده کرده و یک برنامه می نویسند که اطلاعات مورد نظرشان را در این فرمها به صورت خودکار ارسال کند.به این برنامه ها ربوت یا اسپمر می گویند که با ثبت داده های مزاحم و زاید، باعث ایجاد اختلال در کار وبسایت می شوند.

این شرح مختصری از علت استفاده ما از ابزار کپچاست ولی حالا دقیقا کپچا چیه؟!

کپچا(تصویر امنیتی) یکی از روش های مقابله با ارسال داده های غیر واقعی در فرم های وب است.به احتمال زیاد با فرم هایی مواجه شده اید که یک کد عجیب و شاید ناخوانا را در خود دارند و از شما می خواهند که این کد را در یک ورودی وارد کنید.روش های دیگری هم هست ،مثلا استفاده از سوالات امنیتی مثل این :3+3=؟ یا 8*9/4+6-5=؟ !

در کل هدف نهایی این است که تشخیص دهیم آنی که در حال ارسال فرم ماست،یک انسان است یا یک ربوت .امروز یک راه متفاوت را می خواهیم معرفی کنیم که دمار از روزگار اسپمرها در می آورد ! یعنی چند شکل را به کاربر می دهیم و از وی می خواهیم مثلا قیچی را بکشد و در ناحیه ای رها کند.با توجه به اینکه تشخیص این نکته می تواند برای ربوت ها دشوار باشد و در عین حال ما را هم از شر کدهای کپچای زمخت راحت کند،می توانیم در کارهای آینده مان از آن استفاده کنیم.

نحوه استفاده 

1.پوشه captcha/ را در هاست خود آپلود کنید.

2.اگر از قبل کتابخانه jquery و jquery.ui را در صفحه مورد نظر ندارید،این دو فایل را نیز کپی کنید.

3.صفحه خود را ویرایش کنید و کد زیر را در جایی که دوست دارید،کپچا نمایش داده شود ،قرار دهید.

<!-- Begin of captcha -->
<div class="ajax-fc-container"></div>
<!-- End of captcha -->

کد زیر را نیز بالای صفحه(head) قرار دهید:

<script type="text/javascript" charset="utf-8">
   $(function() {
   $(".ajax-fc-container").captcha({formId: "myForm"});
 });
  </script>

 مقادیر پیش فرض

	borderColor: "",
	captchaDir: "captcha",
	url: "captcha/captcha.php",
	formId: "myForm",
	text: "Verify that you are a human,drag scissors into the circle.”,
	items: Array(”pencil”, “scissors”, “clock”, “heart”, “note”)

 فایل های لازم

• ui.core.js 
• ui.draggable.js
• ui.droppable.js

دریافت برنامه

دقت کنید که به علت استفاده از درخواست های آژاکس ،در صورت استفاده در کامپیوترتان ممکن است دچار مشکل شود.

[دریافت]

منبع