آموزش ویژگی forms در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی forms در DOM جاوااسکریپت با من همراه باشید.

ویژگی forms در DOM جاوااسکریپت

Free-Learn

ویژگی forms در DOM جاوااسکریپت

با استفاده از ویژگی forms میتونیم به فرم ها ( چیزی که با استفاده از تگ Form در صفحه ایجاد شده باشه ) دسترسی پیدا نماییم ، دسترسی هم به خوده فرم ها و هم به اینپوت های ( Input ) داخل فرم و..

مقدار برگشتی برگشت عناصر ( تگ های ) فرم از صفحه
نسخه DOM Core Level 1 Document Object

Free-Learn

مثال از این ویژگی

در ادامه میتوانید یک مثال از این ویژگی را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : میخوایم با استفاده از ویژگی length تعداد کل فرم هایی که درون صفحه قرار دارند رو بدست آوریم.

امتحان کنید

مثال شماره ۲ : میخوایم با کلیک بروی یک دکمه ، مقدار صفت action و method رو از فرم بدست آوریم.

امتحان کنید

مثال شماره ۳ : بدست آوردن مقادیر اینپوت ( Input ) های داخل یک فرم

امتحان کنید

مثال شماره ۴ : بدست آوردن اینپوت ( Input ) های داخل فرم و اعتبارسنجی فیلدها ( اعتبارسنجی یعنی مثلا اگه اینپوت خالی بود بهمون پیغام بده باید حتما این فیلد تکمیل شه )

امتحان کنید

مثال شماره ۵ : وقتی بروی دکمه کلیک کنید رمز نمایش داده میشه و اگه دوباره روش کلیک کنید رمز مخفی میشه ( نمایش / مخفی کردن رمز )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این ویژگی در جاوااسکریپت پشتیبانی میکنند یا خیر.

نام ویژگی Chrome Firefox Opera Safari IE
forms بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این ویژگی در جاوااسکریپت بصورت زیر می باشد.

Free-Learn

ویژگی ها

در جدول زیر میتوانید ویژگی های قابل استفاده در forms رو مشاهده نمایید.

مقدار توضیح
length برای بدست آوردن تعداد ( کل ) فرم های موجود در صفحه ( مثال )

Free-Learn

متدها

در جدول زیر میتوانید متدهای قابل استفاده در forms رو مشاهده نمایید.

مقدار توضیح
[index] بدست آوردن فرم های موجود در صفحه ، با استفاده از شماره ایندکس یا Index فرم ( مثال )
item(index) بدست آوردن فرم های موجود در صفحه ، با استفاده از شماره ایندکس یا Index فرم ( مثال )
namedItem(id) بدست آوردن فرم های موجود در صفحه ، با استفاده از آی دی یا ID فرم ( مثال )

Free-Learn

نکات و توضیحات

  • وقتی میخوایم فرمی رو با استفاده از شماره ایندکس ( Index ) بدست آوریم، اگه شماره ایندکس خارج از محدوده باشه، هیچی یا null برگشت داده میشه. ( بفرض مثال ما ۳ تا فرم در صفحه داریم بعد اومدیم شماره ایندکس دادیم ۴ )

Free-Learn

دریافت PDF یا پرینت این مطلب