.net js 表单点击保存后自动关闭

你可以使用 JavaScript 在表单提交后自动关闭窗口。可以通过以下步骤实现：

1. 在表单提交按钮上添加一个点击事件，当用户点击该按钮时会触发该事件。

2. 在事件处理程序中，使用 window.close() 方法关闭窗口。

3. 如果表单需要进行异步提交，则需要在提交完成后再调用 window.close() 方法。

以下是示例代码：

<!-- 表单 -->
<form id="myForm">
  <!-- 表单控件 -->
  <button type="submit" onclick="submitForm()">保存</button>
</form>

<script>
function submitForm() {
  // 提交表单
  document.getElementById("myForm").submit();
  
  // 关闭窗口
  window.close();
}
</script>

注意：使用 window.close() 方法关闭窗口需要在用户操作后才能生效，否则会被浏览器阻止。

相关问题

jquery如何在点击保存表单后对表单输入框验证

首先，您需要使用jQuery的表单验证插件，例如jQuery Validation。这个插件可以帮助您在提交表单之前验证表单输入。

以下是一些基本步骤：

1. 引入jQuery和jQuery Validation库：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

2. 在您的HTML表单上添加验证规则：

<form id="myform">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>

  <button type="submit">Submit</button>
</form>

在这个例子中，我们使用“required”验证规则来确保用户必须填写名称和电子邮件地址。

3. 使用jQuery Validation插件初始化表单：

$(document).ready(function() {
  $("#myform").validate();
});

4. 在表单提交之前验证表单：

$(document).ready(function() {
  $("#myform").validate({
    submitHandler: function(form) {
      // 表单验证通过，执行保存操作
      alert("Form saved!");
    }
  });
});

在这个例子中，我们使用“submitHandler”选项来指定在表单验证通过后执行的函数。您可以在此函数中编写保存表单的代码。

5. 可以使用其他验证选项来自定义您的验证规则，例如最小/最大长度、自定义验证函数等。请参考jQuery Validation文档以获取更多信息。

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

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

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

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