首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在禁用调整大小的情况下向弹出窗口提交HTML表单?

在禁用调整大小的情况下向弹出窗口提交HTML表单,可以通过以下方法实现:

  1. 使用JavaScript创建一个新的窗口,并设置其大小不可调整。
代码语言:javascript
复制
var myWindow = window.open("", "", "width=500, height=400, resizable=no");
  1. 在新窗口中创建HTML表单,并添加所需的输入字段和提交按钮。
代码语言:html
复制
<form id="myForm">
 <label for="name">Name:</label>
 <input type="text" id="name" name="name"><br>
 <label for="email">Email:</label>
 <input type="email" id="email" name="email"><br>
 <input type="submit" value="Submit">
</form>
  1. 使用JavaScript监听表单的提交事件,并通过AJAX将表单数据发送到服务器。
代码语言:javascript
复制
document.getElementById("myForm").addEventListener("submit", function(event){
  event.preventDefault();
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "your-server-url-here", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      alert("Form submitted successfully!");
      myWindow.close();
    }
  };
  var formData = new FormData(event.target);
  xhr.send(formData);
});

这样,在用户提交表单后,弹出窗口将关闭,并通过AJAX将表单数据发送到服务器。同时,由于窗口大小不可调整,用户无法更改窗口大小。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的结果

领券