چک کردن نوع ورودی یک فیلد از فرم (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) را در کادر وارد کنید تا هیچ پیام خطایی نمایش داده نشود (اگر یک متن که ایمیل نیست را در کادر وارد کنید، یک پیام خطا نمایش داده می شود) :