آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

آموزش اعتبارسنجی ورودی در AngularJS

دوره آموزش SPA

رمز فایل :tahlildadeh.com

 

کلیه حقوق مادی و معنوی این مقاله متعلق به آموزشگاه تحلیل داده می باشد و هر گونه استفاده غیر قانونی از آن پیگرد قانونی دارد.

 

اعتبارسنجی ورودی در AngularJS

کنترل ها و فرم های دریافت کننده ی ورودی این قابلیت را دارند که داده های ورودی را اعتبارسنجی کنند.

Input Validation

در مبحث پیشین مطالبی را در مورد فرم ها و کنترل ها آموختید.

فرم ها و کنترل ها در AngularJS، می توانند سرویس های اعتبار سنجی ارائه داده و کاربران را از وجود ورودی های غیرمجاز (invalid) آگاه سازند.

توجه: اعتبار سنجی در سمت سرویس گیرنده به تنهایی قادر به تامین امنیت ورودی های کاربر نیست. اعتبار سنجی در سمت سرویس دهنده نیز مورد نیاز می باشد.

کد برنامه ی نمونه

نمونه یک


    

Validation Example

Username:
Username is required.

Email:
Email is required. Invalid email address.

امتحان کنید

نکته: خصیصه ی novalidate جهت غیرفعال کردن اعتبارسنجی پیش فرض مرورگر بکار می رود.

شرح مثال بالا:

دستور ng-model عناصر ورودی را به مدل bind می کند.

شی model دارای دو خاصیت می باشد: user و email .

به خاطر دستور ng-show، عناصر span با این خاصیت color:red فقط زمانی نمایش داده می شوند که user یا email مساوی با dirty$ یا invalid$ باشند.

 

خاصیت (property)

شرح

dirty$

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

valid$

محتوای فیلد مورد نظر مجاز می باشد.

invalid$

ورودی فیلد مورد نظر غیرمجاز می باشد.

pristine$

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

 

 

  • 1217
  •    1100
  • تاریخ ارسال :   1394/09/18

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

آموزشگاه برنامه نویسی تحلیل داده
آموزشگاه برنامه نویسی تحلیل داده

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .