دریافت مقدار یکی از فیلدهای (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 ، به صورت یک پیام در یک پنجره جدید، به کاربر نمایش داده می شود.
نتیجه :
