چک کردن نوع ورودی یک فیلد از فرم (Form Field)، بر اساس مواردی مثل عدد (Number) بودن، ایمیل (Email) بودن و یا اجبار برای وارد کردن یک مقدار در فیلد (Field)، با دستور دهنده ng-model ، در AngularJS

در کلید شماره 26192 ، چگونگی استفاده از دستور دهنده ng-model برای یک تگ input (یا تگ های دیگر) از فرم (Form) در چارچوب AngularJS را شرح دادیم. هنگامی که دستور دهنده ng-model برای یک فیلد از فرم (Form Field) به کار می رود، آنگاه ما قادر خواهیم بود که وضعیت ورودی آن فیلد از فرم (Form Field) را چک نماییم و چنانچه کاربر ورودی صحیح را وارد نکرده است، آن را تشخیص داده و یک پیام را به کاربر نمایش بدهیم تا ورودی خود را تصحیح کند.

برای درک بهتر این موضوع، به مثال زیر توجه کنید :

مثال

مثالی از وب سایت w3schools.com :

در این مثال، چک می کنیم که ایمیل (Email) وارد شده توسط کاربر، صحیح باشد، در غیر این صورت، یک پیام خطا را به کاربر نمایش می دهیم.

بخش مهم کدها :

کد کامل صفحه HTML :

نتیجه :

یک آدرس ایمیل صحیح (مثل info@kelidestan.com) را در کادر وارد کنید تا هیچ پیام خطایی نمایش داده نشود (اگر یک متن که ایمیل نیست را در کادر وارد کنید، یک پیام خطا نمایش داده می شود) :

خطا - صفحه را دوباره بارگذاری کنید
منابع و لینک های مفید
نویسنده علیرضا گلمکانی
شماره کلید 26279
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)