کپچا Captcha

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

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

نحوه ساخت تصویر و کلید، کاملا به شما مرتبط میشود و میتوانید به هر نحوی ساخته و آنرا مدیریت کنید. ولیکن ما برای راحتی شما یک کلاس به زبان C# در اختیار شما قرار میدهیم.

ساختار

یک تگ div با خصوصیت wn-type="captcha" و آدرس کنترلر ارسال کننده تصویر و کلید را معرفی کنید url="/Api/Captcha" همچنین کلاس captcha را نیز به آن معرفی کنید.

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

LTR


اگر تمایل دارید تک تک اجزا را به سلیقه خود تغییر دهید، الگوی ساخت به شکل زیر میتواند باشد.

LTR

RTL

اگر میخواهید همه چیز در یک خط باشد، از کلاس inline استفاده کنید.

LTR

RTL

به صورت گروهی

LTR

RTL

به صورت شناور

LTR

Captcha

RTL

کپچا

کد های پس زمینه

برای مشاهده کدهای پس زمینه و ساخت تصویر کپچا میتوانید به سورس برنامه به آدرس Pages/Components/Captcha.cs و Pages/Components/CaptchaController.cs مراجعه کنید.

دقت کنید برای ساخت تصویر شما از هر کلاس کتابخانه ای که مد نظر است میتوانید استفاده کنید و فقط در اینجا یک مثال به صورت ساده زده شده است.