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

;(function (window, document, undefined) {    'use strict';    // Make sure that ValidityState is supported in full (all features)    var supported = function () {        var input = document.createElement('input');        retu ('validity' in input,اعتبارسنجی,مرورگرهای ...ادامه مطلب

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

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

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

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

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

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

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

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