如何将按钮从它所在的表单中分离出来？[副本]

Question

我有一个HTML表单，里面有一个按钮，witch没有提交。当我点击它时，它会发送表单，并重新加载页面。我不想要的女巫。我想把那个按钮和它所在的表格分开。谷歌帮不上什么忙。表格如下:

      <form action="" method="post">

        <div class="form-group">
            <label for="jdrName">Nom du jeu de rôle :</label>
            <input type="text" class="form-control" name="jdrName"
                  placeholder="Nom du jeu">
        </div>

        <div class="form-group">
          <label for="jdrGenre1">Genre associé au jeu</label>
          <input type="text" class="form-control" name="jdrGenre1">
          <button id="addGenre" class="btn btn-success">Ajouter un genre</button>
        </div>

        <div class="form-group">
            <label for="jdrName">Date de sortie :</label>
            <input type="date" class="form-control" name="gameRelease">
        </div>

        <div class="form-group">
          <label for="jdrDescription">Description du jeu</label>
          <textarea class="form-control" name="jdrDescription" rows="5"
          placeholder="Entrez ici une description succinte du jeu"></textarea>
        </div>

        <div class="form-group">
          <label for="jdrLink">Lien vers le site du jeu</label>
          <input type="text" class="form-control" name="jdrLink">
        </div>

        <button type="submit" class="btn btn-primary">Valider</button>
      </form>

谢啦！

Answer 1

您必须确定按钮的类型为“button”，默认类型为Submit。