HTML DOM Form submit() मेथड

HTML DOM Form submit() मेथड का उपयोग action एट्रिब्यूट द्वारा निर्दिष्ट पते पर फॉर्म डेटा सबमिट करने के लिए किया जाता है। यह फॉर्म डेटा सबमिट करने के लिए सबमिट बटन की तरह कार्य करता है और यह किसी भी प्रकार का पैरामीटर नहीं लेता।

सिंटैक्स

Form submit() मेथड का सिंटैक्स:

formObject.submit()

उदाहरण

Form submit() मेथड का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<style> 
  form{ 
    border: 2px solid blue; 
    margin: 2px; 
    padding: 4px; 
  } 
</style> 
<script> 
  function SubmitForm() { 
    document.getElementById("FORM1").submit(); 
  } 
</script> </head> <body> 
<h1>Form submit() method example</h1> 
<form id="FORM1" method="post" action="/sample_page.php"> 
  <label>User Name <input type="text" name="usrN"></label> <br><br> 
  <label>Age <input type="text" name="Age"></label> <br><br> 
  <input type="button" onclick="SubmitForm()" value="SUBMIT"> 
  <input type="button" onclick="ResetForm()" value="RESET"> 
</form> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Form submit() मेथड

SUBMIT बटन पर क्लिक करने पर फॉर्म सबमिट हो जाएगा और "sample_page.php" यह प्रदर्शित करेगा:

HTML DOM Form submit() मेथड

उदाहरण की व्याख्या

हमने पहले id="FORM1", method="post" और action="/sample_page.php" वाला एक फॉर्म बनाया। इसमें दो टेक्स्ट टाइप के इनपुट फील्ड और एक SUBMIT नाम का बटन है।
SUBMIT बटन यूजर द्वारा क्लिक किए जाने पर SubmitForm() मेथड को एक्जीक्यूट करता है।
SubmitForm() मेथड डॉक्यूमेंट ऑब्जेक्ट के getElementById() मेथड का उपयोग करके <form> एलिमेंट को प्राप्त करता है और इस पर submit() मेथड को कॉल करता है। यह फॉर्म डेटा को action एट्रिब्यूट द्वारा निर्दिष्ट पते पर सबमिट करता है।

function SubmitForm() { 
  document.getElementById("FORM1").submit(); 
}