طراحی سایت, ساخت ربات تلگرام, آموزش php , سورس کد php ,سورس ربات تلگرام , سورس فروشگاه اینترنتی , آموزش طراحی وب

جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد با jQuery


جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد با jQuery

با جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد input , می توانید در مرحله اول, خطاهای اعتبارسنجی را به حداقل برسانید. پس بیایید یک مثال از نحوه انجام این کار را با جی کوئری ببینم.

در این مثال از آموزش jQuery , ما دو فیلد نام و شماره تلفن را در فرم HTML داریم. در فیلم نام, ما فقط می توانیم حروف الفبای انگلیسی را وارد کنیم و در بخش شماره تلفن, نیز فقط مجاز به وارد کردن اعداد هستیم.

این محدود سازی می تواند با فراخوانی تابع jQuery با رویداد keypress بر روی فیلد فرم ها انجام شود.

جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد با jQuery

فرم HTML فیلد های محدود شده

کد HTML زیر شامل یک فرم با فیلد های نام و شماره تماس است که هر کدام محدود به وارد کردن داده های معتبر از نظر برنامه ما هستند.

مدیریت رویداد onKeyPress برا محدود کردن داده های کاربر

برای جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد با jQuery از اسکریپت زیر استفاده می کنیم.

حتما بخوانید  عملیات CRUD درون خطی جدول توسط PHP

کد jQuery زیر با انجام رویداد key-press (فشردن دکمه کیبورد) بر روی فیلد های ورودی اجرا می شود. زمانی که مقداری در فیلد نام را وارد می کنیم, این تابع با چک کردن مقدار کد اسکی (ASCII) , فقط اجازه به ورود حرف لاتین را می دهد.

برای تست آنلاین charcode ها می توانید به این وبسایت مراجعه کنید : http://keycode.info

همچنین لیست کامل charcode ها می توانید از این سایت استفاده کنید :

https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

اگر نیاز به اعتبارسنجی این مورد با کارکترهای فارسی را دارید بهتر است از regex برای اعتبارسنجی در جاواسکریپت بهره ببرید و یا شرط را با یک ! معکوس کنید.

 

امیدوارم از آموزش جلوگیری از وارد کردن کاراکترها غیر مجاز در فیلد با jQuery نهایت استفاده را برده باشید .

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

هر سوالی داشتید ، از قسمت نظرات ارسال کنید . سریعا ، پاسخگوی سوالات شما هستیم .

موفق و پیروز باشید.

حتما بخوانید  تغییر قالب با jQuery
اگر مفید بود, لطفا به اشترک بگذارید تا دوستان دیگر نیز بهره ببرند

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

دیدگاه کاربران

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

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

دانلود رایگان (هدیه ویژه)

کتاب آموزش زبان برنامه نویسی PHP را دانلود و همین امروز یادگیری را شروع کن و به جمع برنامه نویسان ملحق شو ;)

دانلود رایگان کتاب

آموزش طراحی وب سایت

نظر کاربران عزیز

آموزش های آنلاین در چه زمینه ای تهیه کنیم ؟

  • آموزش جاوااسکریپت و جی کوئری (45%, 10)
  • آموزش ساخت ربات تلگرام (45%, 10)
  • آموزش بوت استرپ 4 (9%, 2)

تعداد رای ها : 22

Loading ... Loading ...

بخش کاربران

هنوز عضو نیستید ؟ کلیک کنید

مجوزهای ما


logo-samandehi نماد اعتماد الکترونیک

دانلود کتاب

عضویت در خبرنامه