Javascript 单击“提交”按钮时，html格式的表单无法提交数据？

我已从中获取用户的详细联系信息，并将其存储在本地存储中。当我点击

Submit

按钮时，它没有提交，而且

submittoDB（）

函数没有被激发为什么会发生这种情况

<div class="row">
    <div class="col-lg-12" id="addNewContact">
     <form>
      <div class="form-group">
          <label for="name">Name:</label>
          <input type="text" class="form-control" id="nameInput" required>
      </div>
      <div class="form-group">
          <label for="number">Number:</label>
          <input type="text" class="form-control" id="numberInput" required>
      </div> 
      <div class="form-group">
          <label for="group">Group:</label>
          <input type="text" class="form-control" id="groupInput" required>
      </div> 
      <button type="submit" class="btn btn-success" onsubmit="submitToDb()">Submit</button>
    </form>
    </div>
</div>

姓名：
编号：
组：
提交

---

我还在每个输入中使用了

required

。

没有

onsubmit

按钮，您需要将其移动到表单：

<div class="row">
    <div class="col-lg-12" id="addNewContact">
     <form onsubmit="submitToDb()">
      <div class="form-group">
          <label for="name">Name:</label>
          <input type="text" class="form-control" id="nameInput" required>
      </div>
      <div class="form-group">
          <label for="number">Number:</label>
          <input type="text" class="form-control" id="numberInput" required>
      </div> 
      <div class="form-group">
          <label for="group">Group:</label>
          <input type="text" class="form-control" id="groupInput" required>
      </div> 
      <button type="submit" class="btn btn-success">Submit</button>
    </form>
    </div>
</div>

姓名：
编号：
组：
提交

没有提交按钮的

onsubmit

，您需要将其移动到表单：

<div class="row">
    <div class="col-lg-12" id="addNewContact">
     <form onsubmit="submitToDb()">
      <div class="form-group">
          <label for="name">Name:</label>
          <input type="text" class="form-control" id="nameInput" required>
      </div>
      <div class="form-group">
          <label for="number">Number:</label>
          <input type="text" class="form-control" id="numberInput" required>
      </div> 
      <div class="form-group">
          <label for="group">Group:</label>
          <input type="text" class="form-control" id="groupInput" required>
      </div> 
      <button type="submit" class="btn btn-success">Submit</button>
    </form>
    </div>
</div>

姓名：
编号：
组：
提交

提交必须在表单标记中

这里有一个来自w3schools的例子

函数myFunction（）{
警告（“表格已提交”）；
}

输入名称：

提交必须在表单标记中

这里有一个来自w3schools的例子

函数myFunction（）{
警告（“表格已提交”）；
}

输入名称：

必要时发送JavaScript和任何动态代码您的表单没有为其指定

操作

或

方法

。必要时发送JavaScript和任何动态代码您的表单没有为其指定

操作

或

方法

。