Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/entity-framework/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html表单两个按钮只有一个要提交_Javascript_Html_Forms_Vue.js_Submit - Fatal编程技术网

Javascript html表单两个按钮只有一个要提交

Javascript html表单两个按钮只有一个要提交,javascript,html,forms,vue.js,submit,Javascript,Html,Forms,Vue.js,Submit,我有一张有两个按钮的表格。“保存更改”按钮是“提交”按钮,但单击“删除”按钮后不应提交。删除按钮应打开一个模式,在模式中还有两个按钮,一个返回(关闭模式),另一个完成删除。我的问题是,只要点击删除按钮,表单就会认为我想提交,而我不想提交。我怎样才能避开这件事?多谢各位 <form> <div class="mailing-address"> <p>Mailing Address</p>

我有一张有两个按钮的表格。“保存更改”按钮是“提交”按钮,但单击“删除”按钮后不应提交。删除按钮应打开一个模式,在模式中还有两个按钮,一个返回(关闭模式),另一个完成删除。我的问题是,只要点击删除按钮,表单就会认为我想提交,而我不想提交。我怎样才能避开这件事?多谢各位

<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”
添加到提交按钮,并将
type=“button”
添加到删除按钮


默认情况下,如果没有明确的提交按钮,表单中的按钮将触发提交,以防止删除按钮提交将其类型更改为按钮而不是提交


按钮
您需要共享代码。我想你可能有一个
type=“submit”
不应该出现的地方。你可以共享相关的HTML吗?@dbramwell我想所有没有type=“button”的按钮也会提交一个表单。我会添加htmlI,但我看不到任何
标记。这是通过类传输的还是不是一个真正的html表单?删除用户这仍然不会改变它我会添加type=“button”@albert\u anthony6尝试删除用户你是正确的,只是尝试了一下,它就成功了!谢谢:)我会在8分钟内把这个标记为答案