html表单两个按钮只有一个提交答案

【问题标题】：html form two buttons only one to submithtml表单两个按钮只有一个提交
【发布时间】：2020-11-20 01:17:04
【问题描述】：

我有一个带有两个按钮的表单。保存更改按钮是提交按钮，但删除按钮一旦单击就不应提交。删除按钮应该打开一个模态，并且在模态中还有两个按钮，一个是返回（关闭模态），一个是完成删除。我的问题是，一旦单击删除按钮，表单就会认为我想提交而我不想提交。我怎么能解决这个问题？谢谢

<form>
          <div class="mailing-address">
            <p>Mailing Address</p>
            <div class="form3">
              <span class="edit-mailing1">
                <span>
                  <input type="text" required placeholder="Name" v-model="editFormData.name" />
                  <input type="text" required placeholder="Email" v-model="editFormData.email" />
                </span>
                <input type="text" required placeholder="Address Line 1" v-model="editFormData.address1" />
                <input type="text" placeholder="Address Line 2" v-model="editFormData.address2" />
              </span>
              <span class="edit-mailing2">
                <input type="text" required placeholder="Phone Number" v-model="editFormData.phone" />
                <input type="text" required placeholder="City" v-model="editFormData.city" />
                <span>
                  <SelectBox v-model="editFormData.state" />
                  <input type="text" required placeholder="Zip" v-model="editFormData.zip" />
                </span>
              </span>
            </div>
          </div>
          <div class="edit-section-footer">
            <CheckboxSlider v-model="editFormData.vip" :userId="editFormData.id" :reloadTable="reloadTable" />
            <span>
              <button class="button red" @click="isModalOpen = true">Delete User</button>
              <button class="button">Save Changes</button>
            </span>
          </div>
        </form>

【问题讨论】：

您需要共享代码。我想你可能有一个 type="submit" 不应该在的地方
可以分享相关的HTML吗？
@dbramwell 我认为所有没有 type="button" 的按钮也会提交表单
我会添加html
我没有看到任何<form> 标签。这是通过类转换的还是不是 real html 表单？

标签： javascript html forms vue.js submit

【解决方案1】：

提交按钮需要添加type="submit"，删除按钮需要添加type="button"。

默认情况下，如果没有明确的提交按钮，表单内的按钮将触发提交

【讨论】：

这仍然没有改变它
我将添加 type="button"
@albert_anthony6 试试这个
你是对的，刚刚尝试过，它成功了！谢谢 :) 我会在大约 8 分钟后将其标记为答案

【解决方案2】：

为了防止删除按钮提交，将其类型更改为提交的按钮

&lt;button onclick="somefunction()" type="button"&gt;Button&lt;/button&gt;

【讨论】：