رفتن به نوشته‌ها

دسته: Vue js (ویو جی اس)

فریم‌ورک‌های فراوانی برای توسعه‌دهندگان سمت کاربر (Front-End) وجود دارند که هریک بسته به نیاز و سبک کدنویسی، انتخاب می‌شوند. امروزه توسعه‌دهندگان به دنبال فریم‌ورک‌هایی هستند که علاوه بر قواعد ساختاری قدرتمند، روند آموزشی ساده‌ای داشته باشند. فریم‌ورک Vuejs (با تلفظ ویو‌جی‌اس) یکی از بهترین‌ها در نوع خودش است.

فصل پیوست ۳: ثبت فرم و اعتبارسنجی‌های ناهمگام

در جلسات قبل به طور کامل با انواع اعتبارسنجی های مهم آشنا شدیم. البته لازم به ذکر است که زمان کافی برای بررسی تک تک موارد را نداشتیم و شما می توانید اطلاعات بیشتری را در صفحه ی رسمی Vuelidate پیدا کنید، گرچه که مباحث زیادی باقی نمانده است. یکی از کار هایی که دوست دارم با برنامه مان انجام بدهیم، غیر فعال کردن دکمه ی submit در صورت داشتن خطا در فرم است. برای این کار روش های مختلفی وجود دارد. به طور مثال می توانیم Disabled را با v-bind به دکمه ی submit متصل کنیم اما چطور باید این کار را انجام بدهیم؟ آیا باید هر فیلد را جداگانه به disabled پاس بدهیم. مثلا. قطعا این کار بسیار سختی است و فقط برای فرم های بسیار کوچک جواب می دهد. اگر یادتان باشد ما به خصوصیت error$ روی شیء اصلی v$ (شیء vuelidate) نیز دسترسی داریم بنابراین می توان گفت. اما این روش نیز جالب نیست چرا که دکمه ی submit باید از همان ابتدا غیر فعال باشد نه اینکه منتظر تایپ کردن کاربر بمانیم و سپس دکمه را غیر فعال کنیم. چنین کاری منطقی نیست. بنابراین به جای error می توانیم از invalid استفاده کنیم: