دوره مجازی جاوااسکریپت (جلسه 29): پروژه - کدنویسی پلاگین اعتبارسنجی فرم ها (Form Validation)

- visibility ١۶ mode_comment

یکی از مهمترین اهداف استفاده از جاوااسکریپت در صفحات وب اعتبارسنجی فرم هاست. اعتبارسنجی فرم ها به این معنی هست که ما اجازه ندیم کابرها اطلاعات فرم ها رو به صورت غیرمعتبر و غیر واقعی وارد کنند. در پروژه امروز که سومین پروژه از دوره جامع آموزش جاوااسکریپت و جی کوئری هست یک پلاگین بسیار جالب و کاربردی رو با هم خواهیم نوشت. خروجی پروژه امروزمون چیزی شبیه زیر هست. در تصویر زیر فرم با برخی اطلاعات نادرست پر شده و دکمه register زده شده. همونطور که می بینید پلاگین ما خطاهای مربوط به ورودی های کاربر رو بهش گوشزد می کنه !

formValidation

مطالب مطرح شده در این جلسه عبارتند از :

  • پروژه اعتبارسنجی فرم ها - html form validation
  • توضیح در مورد اهمیت اعتبارسنجی و وظیفه جاوااسکریپت در این زمینه
  • توضیح ساختار پروژه و تشریح نحوه استفاده و کدنویسی html و css پروژه
  • تعین کلاس برای باکس (div) نمایش خطاهای ورودی
  • نحوه دریافت نام فیلد از خصوصیت های فیلدهای ورودی
  • تعین مکان نمایش خطاها (ابتدا یا انتهای فرم)
  • اعتبارسنجی ایمیل
  • اعتبارسنجی آدرس وبسایت و url ها
  • اعتبارسنجی فیلدهای خالی
  • اعتبارسنجی و تعین حداقل و حداکثر کاراکترهای ورودی کاربر
  • اعتبارسنجی و تعین بازه اعداد صحیح ورودی کاربر
  • آموزش نحوه ایجاد اعتبارسنجی جدید و افزودن آن به پروژه این جلسه
  • بررسی و مرور نکات مهم و ویژه پروژه این جلسه
info توجه

این مطلب یک جلسه از دوره جاوااسکریپت و جی کوئری می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره جاوااسکریپت و جی کوئری

comment دیدگاه کاربران
Zina Farahani

با سلام و خسته نباشید خدمت آقای آوند
ممنون از زحمات شما … آموزشها فوق العاده کاربردی هستند، همچنین امیدواری هایی که در طول دوره برای دوری از یکنواخت بودن آموزشها می دید خیلی بجا هستن. من از دوسال پیش وارد این حرفه و بازار کار شدم اون هم با آموزش های شما، خواستم تشکر کنم

ممنونم
لطف دارید.
خوشحالیم که رضایت شما رو می بینیم.
ایشالله که روز به روز موفق تر باشید

عمید خطیبی

با سلام جناب آقای آوند عزیز من نتونستم که حاصل جمع و میانگین آرایه دو بعدی رو بنویسم ضمنا الگوریتم آن رو وقتی اجرا می کنم درست عمل می کنه ولی داخل جی اسکریپت عمل نمی کنه لطف می کنید راهنمایی کنید.

var i,j;
	var sum=0
		for(sum,i=0;i<arr.length;i++)
					{for(sum,j=0;j<arr[i].length;j++)
			{var sum=[i]+[j];}}
	document.write(arr)

خدمت شما

<script>
	var arr=[[1,2,3],[1,2,3],[1,2,3]]
	var i=0,j=0,sum=0
	for(i=0;i < arr.length;i++){
       	for(j=0; j < arr[i].length ; j++){
       		sum = sum + arr[i][j];
        }
    }
	document.write(sum)
</script>

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3