HTML表格不能正常工作

Question

我知道，關於所需的堆棧有很多問題。我嘗試了很多選項，但沒有結果。

<script> 
    // Javascript function called by "submit" button handler, 
    // to show results. 
    function updateOutput(resultHtml) { 
    toggle_visibility('inProgress'); 
    var outputDiv = document.getElementById('output'); 
    outputDiv.innerHTML = resultHtml; 
    } 

    // From blog.movalog.com/a/javascript-toggle-visibility/ 
    function toggle_visibility(id) { 
    var e = document.getElementById(id); 
    if(e.style.display == 'block') 
     e.style.display = 'none'; 
    else 
     e.style.display = 'block'; 
    } 


</script> 

<div id="formDiv" > 
<!-- Form div will be hidden after form submission --> 
<form id="myForm" > 

    name : <input name="name" type="text" required /> <br/> 
    Eadres: <input name="email" type="text" required /><br/> 

    <input type="submit" value="Submit" 
     onclick="toggle_visibility('formDiv'); toggle_visibility('inProgress'); 
     google.script.run 
      .withSuccessHandler(updateOutput) 
      .processForm(this.parentNode)" /> 
</form> 
</div> 

<div id="inProgress" style="display: none;"> 
<!-- Progress starts hidden, but will be shown after form submission. --> 
Balabla 
</div> 


<div id="output"> 
    <!-- Blank div will be filled with "Thanks.html" after form submission. --> 
</div> 

當我使用submitform()這樣

<input type="submit" value="Submit" 
     onclick="toggle_visibility('formDiv'); toggle_visibility('inProgress');submitform(); 
     google.script.run 
      .withSuccessHandler(updateOutput) 
      .processForm(this.parentNode)" /> 

這部分運行不正常

方式是需要不工作？並有解決方案。

謝謝

Answer 1

不要在你的submit按鈕使用onclick處理程序。在form標記上使用onsubmit處理程序。

如果我使用enter來提交表單，onclick處理程序不會被解僱。

如果表單未根據其輸入驗證屬性（如required）進行驗證，且表單未標記爲novalidate，則瀏覽器不會觸發onsubmit。