Question

我已经制作了一个来获取用户的联系方式并将其存储在本地存储中。当我点击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。

Answer 1

按钮没有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>

Answer 2

onsubmit必须位于表单标记

中

这是w3schools的一个例子

function myFunction() {
    alert("The form was submitted");
}

<form onsubmit="myFunction()">
  Enter name: <input type="text" name="fname" required>
  <input type="submit" value="Submit">
</form>

以下是该示例的链接： https://www.w3schools.com/jsref/event_onsubmit.asp

单击提交按钮时，html中的表单无法提交数据？

2 个答案: