Javascript HTML表单中的必填项不起作用

我知道，关于必修课的问题很多。我尝试了很多选择，但都没有结果

<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>

此部件运行不正常

这条路不起作用吗？还有什么解决办法

---

谢谢

不要在

提交

按钮上单击

处理程序。在
表单
标记上使用
onsubmit
处理程序

如果我使用enter提交表单，
onclick
处理程序无论如何都不会被解雇

如果表单未根据其输入验证属性进行验证（如
required
），并且表单未标记为
novalidate
，请不要在
提交
按钮上使用
onclick
处理程序，浏览器将不会在提交时触发
。在
表单
标记上使用
onsubmit
处理程序

如果我使用enter提交表单，
onclick
处理程序无论如何都不会被解雇

如果表单未根据其输入验证属性进行验证（如
必需的
），浏览器将不会在提交时触发
，
，如果使用onclick则表单未标记为
novalidate
，
。当我使用onsubmit时，问题仍然存在。@Adam
onsubmit
在
form
标签上，而不是
input
按钮上。如果我使用onclick，表单将被触发。当我使用onsubmit时，问题仍然存在。@Adam
onsubmit
出现在
表单
标记上，而不是
input
按钮上。
  <input type="submit" value="Submit" 
      onclick="toggle_visibility('formDiv');  toggle_visibility('inProgress');submitform();
        google.script.run
          .withSuccessHandler(updateOutput)
          .processForm(this.parentNode)"  />