表单保存打开确认框，点击确定关闭表单弹窗

您可以使用 JavaScript 来实现这个功能。您可以在表单提交前添加一个确认框，然后在确认框中询问用户是否要保存表单。如果用户点击“确定”，则提交表单并关闭弹窗。如果用户点击“取消”，则不提交表单并保持弹窗打开。

以下是示例代码：

// 获取表单元素
var form = document.getElementById("myForm");

// 在表单提交前添加确认框
form.addEventListener("submit", function(event) {
  var confirmation = confirm("确定要保存表单吗？");
  if (!confirmation) {
    event.preventDefault(); // 阻止表单提交
  }
});

// 关闭表单弹窗
function closeForm() {
  var confirmation = confirm("确定要关闭表单吗？");
  if (confirmation) {
    document.getElementById("formModal").style.display = "none";
  }
}

请注意，在上面的代码中，我使用了一个名为 `formModal` 的元素来表示表单弹窗。您需要根据您的代码来替换它。

相关问题

vue3表单保存按钮打开确认框，点击确定关闭当前弹窗和表单弹窗

您可以使用 Vue.js 中的 `v-dialog` 组件来实现这个功能。在确认保存时，您可以通过调用父组件中的方法来关闭当前弹窗和表单弹窗。

以下是示例代码：

<template>
  <div>
    <!-- 表单弹窗 -->
    <v-dialog v-model="dialog" max-width="500px">
      <v-card>
        <v-card-title>
          <span>表单</span>
        </v-card-title>
        <v-card-text>
          <v-form ref="form">
            <!-- 表单内容 -->
          </v-form>
        </v-card-text>
        <v-card-actions>
          <v-btn text @click="dialog = false">取消</v-btn>
          <v-btn text @click="saveForm">保存</v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialog: false,
    };
  },
  methods: {
    saveForm() {
      if (this.$refs.form.validate()) {
        // 验证表单是否有效
        const confirmation = confirm("确定要保存表单吗？");
        if (confirmation) {
          // 调用父组件中的方法关闭当前弹窗和表单弹窗
          this.$emit("close-form-dialog");
          this.dialog = false;
        }
      }
    },
  },
};
</script>

在上述代码中，我使用了 `v-dialog` 组件来创建一个表单弹窗，并在其上绑定了一个 `dialog` 变量，用于控制弹窗的显示和隐藏。在弹窗中，我使用了一个 `v-form` 组件来包含表单内容。当用户点击保存按钮时，我首先验证表单是否有效。如果表单有效，则打开一个确认框来询问用户是否要保存表单。如果用户点击“确定”，则调用父组件中的方法来关闭当前弹窗和表单弹窗。

layer,open中有表单，点击表单按钮保存后关闭layui弹窗

您可以使用以下代码来实现您的需求：

// 获取表单所在的父级弹窗窗口索引
var index = parent.layer.getFrameIndex(window.name); 
// 关闭弹窗
parent.layer.close(index);

其中，`parent.layer.getFrameIndex(window.name)` 用于获取当前弹窗的索引，`parent.layer.close(index)` 用于关闭弹窗。请确保该代码在点击保存按钮后执行。