یک کپچای زیبا و جالب با jQuery

3 دیدگاه

سلام ;

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

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

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

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

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

در همین رابطه :   فرم ثبت نام حرفه ای با PHP/jQuery به صورت AJAX

 

نحوه استفاده 

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”)

 فایل های لازم

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

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

[دریافت]

منبع

دسته بندی : jQueryPHP

3 نظر

  1. با سلام و عرض خسته نباشید
    استخدام گرافیست و طراح وب آشنا به فتوشاپ و css به صورت نیمه وقت و تمام وقت
    با تشکر
    ماهان وب

    1. با سلام

      اگر مایل باشید می تونیم از راه دور کار کنیم .در صورت نیاز بفرمایید نمونه کارهام رو هم ارسال کنم خدمت شما.

      موفق و سربلند باشید

      1. سلام.
        علی آقا لطفا نمونه کارهاتون رو برای بنده ایمیل کنید.
        من هم به طراح پروژه ای نیاز دارم.
        ممنونم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *