چک کردن ورودی دو textbox با جاوا اسکریپت

اینبار میخواهیم چک کردن ورودی دو textbox با جاوا اسکریپت رو بررسی کنیم.
یعنی چی؟
یعنی مثلا شما میخواهید چک کنید که شخص مورد نظر شما ایمیل رو درست وارد کرده … یعنی قصد پیچوندن ایمیلو نداره :دی
با بازی کردن با متدهای جاوا اسکریپت اینکار امکان پذیره. حالا چجوری؟ خیلی راحت !
شما میاین دو تا تکست باکس با آی دی درست میکنین بعد میاین ورودیش رو با جاوا اسکریپت چک میکنین که اگه اینو اونو نداشت خطا بده و اگه اینو اونو داشت خطا نده ! ساده بود… نه؟

حالا بیاین کد زیر رو بررسی کنیم:

این کد دقیقا همون قضیه اینو اونو پیاده سازی میکنه :دی با کدوم متدها؟ با متدهای localCompare و includes و endsWith …

حالا یه چالش برای یادگیری خودتون بزارین … این کد یه ایرادی داره ! ایراد که نه ! یعنی یه باگ داره … چون کد جاوا اسکریپته و قابل دیدنه میتونه با مطالعه کامل کد به این پی ببره که اگه اسم ایمیل و نام میزبانی ایمیل رو وارد نکنه بازم پیام email success ! رو دریافت میکنه … حالا چطوری جلوی اینکارشو بگیریم؟

یه متد دیگه به کد اضافه میکنیم ! تا دلتون بخواد جاوا اسکریپت متد داره که میشه جلوی هر کاری رو باهاش بگیری.

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

indexOf ! خودشه… این متد رو به کد اضافه کنه و بیاید شماره ایندکس کاراکتر @ در ورودی را پیدا کنید … بعدش بیاید شرط بزارید اگه این کاراکتر شماره ایندکس ۰ بود (یعنی اینکه طرف خواسته زرنگ بازی در بیاره و هیچی وارد نکنه) پس پیغام خطا بهش نشون بدید که اسم ایمیلتون رو بی زحمت وارد کنید ! ولی اگه شماره ایندکس ۱ بود یعنی حداقل یک حرف قبل از کاراکتر @ وارد کرده ! همینطور بعد از کاراکتر @ هم به همین شکل چک کنید که ادرس میزبانی ایمیل (مثل @gmail.com) رو وارد کرده باشه …

حالا بازم اگه سوالی بود یا باگ یا مشکلی پیدا کردید بگید یه متد دیگه بهش اضافه کنیم :دی

یک پاسخ
  1. رضا

پاسخی بدهید

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