submit کردن یک فرم (Form)، با روش document.getElementById.submit ، در JavaScript
معمولا در خود فرم ها (Form)، دکمه ای برای submit کردن فرم قرار داده می شود، اما شاید در مواقعی نیاز داشته باشیم که بدون استفاده از دکمه submit خود فرم و صرفا با استفاده از یک سری کدهای JavaScript ، فرم را submit کنیم. برای این منظور، روش document.getElementById.submit در JavaScript به کار می رود.
فرض کنید که کدهای فرم (Form) (فرم HTML) به صورت زیر باشد :
که در آن، id تگ form را برابر Kelidestan_Form نوشته ایم. بنابراین برای submit کردن فرم مورد نظر، کدهای javascript زیر را اجرا می کنیم :
به مثال زیر توجه کنید :
در این مثال قصد داریم که در زیر فرم، یک دکمه (button) قرار بدهیم (دکمه ای غیر از دکمه submit فرم) که با اشاره بر روی آن دکمه، فرم submit شود. ابتدا کل کدهای صفحه HTML را ذکر می کنیم و در ادامه آنها را شرح خواهیم داد :
شرح کدها :
فرم (Form) توسط کدهای زیر ساخته شده است :
که بخش مهم آن، تعیین id برای تگ form می باشد (id برابر Kelidestan_Form می باشد) :
سپس در زیر فرم، یک دکمه (button) با عنوان ((submit کردن فرم)) داریم که با کلیک بر روی آن، تابع Kelidestan_Submit_Form از کدهای javascript اجرا خواهد شد :
و در آخر هم کدهای javascript نوشته شده اند که عملکرد تابع Kelidestan_Submit_Form را تعریف می کنند :
در تابع Kelidestan_Submit_Form ، با کد زیر، فرم را submit می کنیم (روش getElementById برای انتخاب یک عنصر بر اساس id عنصر به کار می رود) :
نتیجه :
