آموزش JavaScript
بستن دسته بندی
دسته بندی ها ( ۲۶۰ آموزش )
لیست همه کلیدهای این موضوع
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript
18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript
24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript
2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript
0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript
8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript
28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript
4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript
5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript
3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript
34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript
2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript
5
id عنصرها، در JavaScript
id عنصرها، در JavaScript
0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript
1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript
0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript
18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript
10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript
2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript
11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript
2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript
2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript
5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript
2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript
1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript
1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript
1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript
2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript
1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript
19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript
1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript
3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript
3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript
2
موس، در JavaScript
موس، در JavaScript
1
Iframe ها، در JavaScript
Iframe ها، در JavaScript
1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript
1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript
0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript
4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript
0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript
2

دریافت مقدار یکی از فیلدهای (Field) یک فرم (Form)، با روش document.forms.value ، در JavaScript

فرض کنید که در صفحه HTML ، یک فرم (Form) (یک فرم HTML) داریم و می خواهیم که با کدهای JavaScript ، مقدار یکی از فیلدهای (Field) آن را به دست آوریم. برای این منظور، می توانیم روش document.forms.value را به کار ببریم.

به عنوان مثال، فرض کنید که کد فرم HTML به صورت زیر باشد :

نکته مهم در کدهای فرم (Form)، نام خود فرم و همچنین نام فیلدی (Field) است که می خواهیم مقدار آن دریافت شود. در کد بالا، نام خود فرم برابر Kelidestan_Form و نام فیلدی که می خواهیم مقدار آن دریافت شود برابر Kelidestan_Input می باشد. بنابراین کدهای javascript زیر را می نویسیم تا مقدار فیلد مورد نظر را دریافت کرده و در یک متغیر با نام Field_Value ذخیره کنیم :

اکنون به یک مثال کامل توجه کنید :

مثال

در این مثال قصد داریم مقدار مربوط به یک فیلد از فرم موجود در صفحه HTML را دریافت کرده و آن را به صورت یک پیام در یک پنجره جدید، به کاربر نمایش بدهیم. ابتدا کل کدهای صفحه HTML را ذکر می کنیم و در ادامه آنها را شرح خواهیم داد :

شرح کدها :

ابتدا یک فرم با نام Kelidestan_Form ساخته ایم که دارای یک فیلد با نام Kelidestan_Input می باشد که مقدار پیش فرض kelidestan.com برای آن نوشته شده و کاربر می تواند به جای این مقدار پیش فرض، مقدار دلخواه خود را در فیلد وارد نماید :

در زیر فرم نیز یک دکمه (button) با عنوان ((دریافت و نمایش مقدار فیلد)) طراحی کرده ایم (دکمه ای غیر از دکمه Submit مربوط به خود فرم) که با اشاره بر روی آن، تابع Get_Kelidestan_Form اجرا خواهد شد (تابع Get_Kelidestan_Form در کدهای javascript) :

سپس کدهای javascript ذکر شده است :

در کدهای javascript ، تعریف تابع Get_Kelidestan_Form را داریم که در آن، کدهایی برای دریافت مقدار فیلد با نام Kelidestan_Input از فرم با نام Kelidestan_Form و ذخیره آن در متغیر Field_Value نوشته ایم. سپس مقدار مورد نظر با روش window.alert ، به صورت یک پیام در یک پنجره جدید، به کاربر نمایش داده می شود.

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

کپی برداری توسط سایر وب سایت ها، ممنوع بوده و پیگرد قانونی دارد. (بیشتر بدانید)

نویسنده علیرضا گلمکانی
شماره کلید 26073
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو