Submit funktioniert nicht in Javascript

Question

<form method="post" name="frm_no_kids" class="getstarted" action="step1.php"> 
    <input type="hidden" id="price_value" name="fee" value="<?php echo encrypt(499); ?>"> 
    <input type="hidden" id="divorce_type" name="divorce_type" value="no_kids"> 
    <a class="btn border-btn yellow-btn started-hover" title="Get Started" href="javascript:frm_no_kids.submit();">Get Started </a> 
</form> 

Ich habe diesen Link und es funktioniert nicht. Das gibt mir Fehler wie.

TypeError: frm_no_kids.submit is not a function

Answer 1

ich eine ID in dem Formular hinzugefügt und eine Funktion auf Anker-Tag Klick genannt Ihre Formulardaten einreichen:

<form method="post" name="frm_no_kids" id="frm_no_kids" class="getstarted" action="step1.php"> 
     <input type="hidden" id="price_value" name="fee" value="<?php echo encrypt(499); ?>"> 
     <input type="hidden" id="divorce_type" name="divorce_type" value="no_kids"> 
     <a class="btn border-btn yellow-btn started-hover" title="Get Started" href="javascript:;" onclick="submitData()">Get Started </a> 
</form> 
<script> 
     function submitData(){ 
      document.getElementById("frm_no_kids").submit(); 
     } 
</script> 

Answer 2

document.getElementsByName('frm_no_kids')[0].submit(); 

Überprüfen Sie, ob diese

hilft

<form method="post" name="frm_no_kids" class="getstarted" action="step1.php"> 
        <input type="hidden" id="price_value" name="fee" value="<?php echo encrypt(499); ?>"> 
        <input type="hidden" id="divorce_type" name="divorce_type" value="no_kids"> 
        <a class="btn border-btn yellow-btn started-hover" title="Get Started" href="javascript:document.getElementsByName('frm_no_kids')[0].submit();">Get Started </a> 
        </form> 

Answer 3

Es Es würde mehr Sinn machen, eine tatsächliche Übermittlungsschaltfläche im Formular anstelle eines Hyperlinks zu verwenden, der wie eine Übergabeschaltfläche wirkt. Sie können <input type="submit"> oder <button type="submit"> verwenden, wenn Sie mehr Kontrolle über die Anzeige/Formatierung haben möchten.

Wenn Sie festgelegt sind ein nicht-Submit-Button auf der Verwendung (wie Ihr Hyperlink), dann wäre es am besten sein, der Form seine eigene ID zu geben:

<form method="post" id="frm_no_kids" name="frm_no_kids" class="getstarted" action="step1.php"> 
    <input type="hidden" id="price_value" name="fee" value="<?php echo encrypt(499); ?>"> 
    <input type="hidden" id="divorce_type" name="divorce_type" value="no_kids"> 
    <a class="btn border-btn yellow-btn started-hover" title="Get Started" href="javascript:document.getElementById('frm_no_kids').submit();">Get Started </a> 
</form> 

Wie in den Kommentaren erwähnt wurde, eine mit Ereignis-Listener ist viel besser:

HTML:

<form method="post" id="frm_no_kids" name="frm_no_kids" class="getstarted" action="step1.php"> 
    <input type="hidden" id="price_value" name="fee" value="<?php echo encrypt(499); ?>"> 
    <input type="hidden" id="divorce_type" name="divorce_type" value="no_kids"> 
    <a id="frm_no_kids_submit" class="btn border-btn yellow-btn started-hover" title="Get Started" href="#">Get Started </a> 
</form> 

JS:

document.getElementById("frm_no_kids_submit").addEventListener("click", function(){ 
    document.getElementById("frm_no_kids").submit(); 
}); 

Answer 4

eine ID zu Ihrer hinzufügen Aus und diese ID in Ihrem Javascript verwenden

<form method="post" name="frm_no_kids" id="frm_no_kids" class="getstarted" action="step1.php"> 
    <input type="hidden" id="price_value" name="fee" value="<?php echo encrypt(499); ?>"> 
    <input type="hidden" id="divorce_type" name="divorce_type" value="no_kids"> 
    <a class="btn border-btn yellow-btn started-hover" title="Get Started" href="javascript:;" onclick="submitData()">Get Started </a> 
</form> 
<script> 
    function submitData(){ 
     document.getElementById("frm_no_kids").submit(); 
    } 
</script>