Uncaught TypeError: payuForm.submit не является функцией. Как исправить эту ошибку в консоли?

Question

Я написал форму, содержащую некоторые поля ввода, некоторые из которых являются скрытыми значениями, как показано ниже:

  <form method="POST" enctype= "multipart/form-data" action="<?php echo $payuaction; ?>" name="payuForm">

  <div class="span9" style="margin-left:0;">

  <label><span style="color:#F00"> * </span>Landmark </label>
  <input type="text" id="landmark"  name="landmark" style=" background:none; border-bottom: 3px solid #b7b6b6;" class="span3" placeholder="Enter Landmark" required>
  <span class="errorval"><?php $this->validation->show_error('landmark', "Please enter your Landmark.")?></span>

  </div>

   <input type="hidden" name="hash" value="<?php echo $hash; ?>"/>
   <input type="hidden" name="txnid" value="<?php echo $txnid; ?>" />

    <div class="span9" style=" margin-left:0;">
    <button id="submit" name="buysubmit" value="submit" class="btn btn-danger" style="color:#FFF; margin-bottom:10px; margin-top:10px;">&nbsp;&nbsp; Pay Now&nbsp;&nbsp;
        </button>
  </div>**strong text**
   </form>

ЯШ:

   <script>
   var hash = '<?php echo $hash ?>';
   submitPayuForm();
   function submitPayuForm() {
   if(hash == '') {
   return;
   }
   var payuForm = document.forms.payuForm;
   console.log(payuForm);
   payuForm.submit();

   }
   </script>

При отправке кнопки в форме она не идет по ссылке, указанной в действии в теге form. Он собирается на эту же страницу, содержащую эту форму. При втором нажатии кнопки, она направляется на страницу действий.

В консоли ошибка

 Uncaught TypeError: payuForm.submit is not a function
 at submitPayuForm

Может ли кто-нибудь помочь мне в этом?

Answer 1

Пожалуйста, прочитайте о формах здесь: https://developer.mozilla.org/en-US/docs/Web/API/Document/forms

В соответствии с этим вы должны иметь доступ к своей форме, используя doucment.forms[0].payuform

Или даже лучше, попробуйте document.forms["payuform"]