Selepas mengklik butang simpan dalam kotak dialog jQuery, tiada jawapan semasa menghantar borang

Question

Saya mempunyai borang dalam JSP dan kod berikut dalam JavaScript. Masalah yang saya hadapi adalah seperti berikut:

Apabila saya mengklik butang simpan, jika if(speciesid === 2){ syarat dipenuhi dan saya klik "Simpan"< butang dialog /kod> ia tidak mencetuskan pengawal. Walau bagaimanapun, ia berfungsi dengan baik dan mencetuskan pengawal saya selagi syarat if(speciesid === 2){ Saya mempunyai beberapa keraguan tentang baris ini " document.getElementById("orderForm").submit();". Bolehkah sesiapa melihat apa yang salah dengan kod saya? Untuk mengelakkan kandungan kod yang berlebihan, medan borang lain telah ditinggalkan.

<form:form method="POST" modelAttribute="orderForm"
    onsubmit="return validateOrderForm(this)">
    <form:errors path="*" cssClass="errorblock" element="div" />

    
    <form:hidden path="choiceBstatus" />
    <c:if test="${Species.speciesID == 2}">
    <div id="checklist_dialog" title="Entri Baharu">
      <borang>
        <p>
          nama:
          <input type="text" name="name" />
        </p>
        <p>Kumpulan:
          
        </p>
      </form>
    </div>
</c:if>

    <table class="noPrint">
    <tr>
        <td align="center"><br /> <input onclick="formSaveButton()" class="button" type="submit"
            name="save" value="Simpan" /> - <input class="button" type="submit"
            name="cancel" value="Batal" onclick="bBatal = benar;" /></td>
    </tr>
</table>


</form:form>
<script type="text/javascript">
$('#checklist_dialog').hide();

    function formSaveButton(){
        
            
         
        getSpeciesID('<c:out value="${Species.speciesID}"/>');
        
        getChoiceBStatus('<c:out value="${orderForm.choiceBstatus}"/>');
        
                
        
    }
    
    fungsi getSpeciesID(speciesid){
        console.log("ID ​​Spesies");
        console.log(speciesid);
        
        if(speciesid === 2){
            var selectedVal = "";
            var dipilih = $("input[type='radio'][name='sampleChoice']:checked");
            if (selected.length > 0) {
                selectedVal = selected.val();
                console.log(selectedVal);
            }
            
            $('#checklist_dialog').dialog({
                  modal: benar,
                  tindanan: {
                    kelegapan: 0.7,
                    latar belakang: "hitam"
                  },


                  butang: {
                    "SIMPAN": function() {
                      $(this).dialog('close');
                      $("#choiceBstatus").val("true");
                      document.getElementById("orderForm").submit();

                    },
                    "BATAL": function() {
                      $(this).dialog('close');
                      alert("Anda mesti melengkapkan / menyimpan senarai semak sebelum menyimpan borang anda!");
                      $("#choiceBstatus").val("false");
                    }

                  }


                });

        }
    }
    
    fungsi getChoiceBStatus(status){
        console.log("Status Pilihan B");
        console.log(status);
    }
    
    
    

</script>

Answer 1

Apa yang saya dapat lihat, anda kehilangan id pada borang, document.getElementById("orderForm") 通过选择具有匹配id的HTML元素来工作，在这里是"orderForm".

Walau bagaimanapun, borang HTML anda tidak menyatakan sebarang id. Sila cuba kemas kini borang untuk memasukkan id berikut.

<form:form id="orderForm" method="POST" modelAttribute="orderForm"
    onsubmit="return validateOrderForm(this)">