سون لرن • آموزش

;(function (window, document, undefined) {xa0xa0xa0xa0'use strict';xa0xa0xa0xa0// Make sure that ValidityState is supported in full (all features)xa0xa0xa0xa0var supported = function () {xa0xa0xa0xa0xa0xa0xa0xa0var input = document.createElement('input');xa0xa0xa0xa0xa0xa0xa0xa0retu ('validity' in input...

همونطور که اطلاع دارید در جلسات گذشته اعتبارسنجی form ها با استفاده از HTML و Javascript رو بصورت کامل به شما آموزش دادیم. در این قسمت و قسمتهای بعدی میخوایم یک Polyfill کم حجم و کوچک رو با هم بسازیم تا بتونیم مرورگرهای بیشتری رو تحت پوشش قرار بدیم. ...

همونطور که اطلاع دارید در جلسه گذشته تابع showError رو تکمیل کردیم و ارور مربوط به هر فیلد رو در صورت وجود در زیر اون فیلد نمایش دادیم. همچنین یک استایل قرمز رنگ نیز برای border و متن پیام قرار دادیم تا ظاهر بهتری داشته باشد. در این جلسه میخوایم کدها رو ادامه بدیم و امکانات جدیدی رو به اون اضافه کنیم. مخفی کردن پیام ارور زمانی که کاربر به هر دلیلی یک ارور رو در زیر فیلد میبینه، سعی میکنه اون رو بر...

همونطور که اطلاع دارید در جلسه گذشته تابع hasError رو تکمیل کردیم و متناسب با هر حالت، یک ارور قرار دادیم تا ارور و مشکل رو به خوبی به کاربر بفهمونیم. در جلسه قبل متن ارور ها رو در Console چاپ کردیم ولی در این جلسه میخوایم کاری کنیم که ارورها بجای چاپ شدن در Console در زیر همون فیلدی که مشکل داره، نمایش داده بشه. نمایش متن ارور همونطور که در جلسه قبل دیدید، به ارورهای موجود با استفاده از تابع has...

همونطور که میدونین در جلسه قبل توضیحاتیxa0در مورد غیر فعال کردن اعتبارسنجی ذاتی فرمها با استفاده از ویژگی novalidate دادیم. همچنین شما رو با رویداد blur و تکنیک Event Bubbling آشنا کردیم. در این جلسه میخوایم این موضوع رو ادامه بدیم. همونطور که خاطرتون هست در جلسه قبل از کد زیر استفاده کردیم: document.addEventListener('blur', function (event) {xa0xa0xa0xa0// Do something...

همونطور که اطلاع دارید در جلسه گذشته توضیحاتی در مورد اعتبارسنجی فرمها با استفاده از Javascript دادیم و در این جلسه قصد داریم این موضوع رو ادامه بدیم. آخرین کدی که در جلسه قبل قرار دادیم بصورت زیر بود: 1234567891011 var hasError = function (field) {xa0xa0xa0xa0// Get the error};document.addEventListner('blur', function (event) {xa0xa0xa0xa0if (!event.target.form.classList.cont...

همونطور که میدونین در جلسه قبل توضیحاتی مقدماتی در مورد اعتبارسنجی با استفاده از Javascript API خدمتتون دادیم و شما رو با ویژگی validity آشنا کردیم و اطلاعات مفیدی که در اختیارمون میزاره رو با هم بررسی کردیم. در این جلسه میخوایم مثالهای عملی رو با هم شروع کنیم. غیرفعال کردن اعتبارسنجی ذاتی فرمها بخاطر اینکه ما قصد داریم اعتبارسنجی فرمها رو سفارش سازی کنیم و مطابق با سلیقه خودمون اینکار رو انجام ب...

همونطور که اطلاع دارید در جلسه قبل توضیحاتی در مورد اعتبارسنجی اعداد، ایمیل و URLxa0با استفاده از HTML بهتون دادیم و شما رو با ویژگی های موجود در این زمینهxa0آشنا کردیم. در این جلسه میخوایم با ادامه توضیحات دیگر ویژگی های در خدمتتون باشیم. اعتبارسنجی تاریخ تعدادی کمی از input ها هستند که علاوه برxa0اعتبارسنجی تاریخها، یک انتخاب کننده تاریخ رو در اختیارتون میزارن که به راحتی میتونین تاریخ مورد نظر خودتو...

0 70 ۱۴ تیر ۹۶ به نام خدا و سلام. در بحث اعتبار سنجی داده ها در جلسه قبل با استفاده از متد validation در کنترلر این کارو انجام دادیم و در این جلسه با FromRequest ها آشنا میشیم که کدهای اعتبار سنجی رو از بخش کنترلر ها جدا میکنه و هم چنین قابلیت استفاده مجدد در بخش های دیگه رو بهمون میده. xa0 این مطلب...