HTML表单提交按钮关闭弹出窗口使用javascript

HTML表单提交按钮关闭弹出窗口使用javascript,javascript,html,forms,Javascript,Html,Forms,这是我的问题。我使用javascript构建了一个弹出窗口,然后在弹出窗口中插入一个HTML表单,询问用户的电子邮件地址。当他们按下submit(按钮是用html制作的)时,弹出窗口将关闭,按下submit按钮将执行存储电子邮件的php脚本,我该怎么做 这是我的密码: var moveForce=15;//以像素为单位的最大弹出移动 var rotateForce=10;//最大弹出旋转角度(单位:度) $(文档).mousemove(函数(e){ var docX=$(document).w

这是我的问题。我使用javascript构建了一个弹出窗口,然后在弹出窗口中插入一个HTML表单,询问用户的电子邮件地址。当他们按下submit(按钮是用html制作的)时,弹出窗口将关闭,按下submit按钮将执行存储电子邮件的php脚本,我该怎么做

这是我的密码:

var moveForce=15;//以像素为单位的最大弹出移动
var rotateForce=10;//最大弹出旋转角度(单位:度)
$(文档).mousemove(函数(e){
var docX=$(document).width();
var docY=$(document).height();
var moveX=(e.pageX-docX/2)/(docX/2)*-moveForce;
var moveY=(e.pageY-docY/2)/(docY/2)*-moveForce;
变量rotateY=(e.pageX/docX*rotateForce*2)-rotateForce;
var rotateX=-((例如,pageY/docY*rotateForce*2)-rotateForce);
$(“.popup”)
.css('left',moveX+'px')
.css('top',moveY+'px')
.css('transform','rotateX('+rotateX+'deg)rotateY('+rotateY+'deg');
});

订阅以了解我们的特别优惠!
提交

u需要使用一些javascript代码来隐藏弹出div 下面是把你放在正确的方向上

例如,您可以创建一个函数:

function hidepopup()
    {
        document.getElementsByClassName('popup').item(0).style.display = 'none';
    }
你可以称之为提交事件

<form name="test" method="post" onSubmit="hidepopup()">
....
elements
....
</form>
在这种情况下,若函数返回false,表单将不会post


请注意,如果u post,浏览器将加载表单的目标页面。为了避免这种情况,您可以使用XMLHttpRequest()。

假设此弹出窗口位于应该保持打开状态的页面上,并且假设您不想发布整个页面,那么您需要使用Ajax并防止在单击页面时使用submit按钮发布页面。非常感谢您的帮助!
<form name="test" method="post" onSubmit="return hidepopup()">
....
elements
....
</form>
function hidepopup()
    {
        if (check here if input values are NOT ok)
        {
            return false;
        }
        else
        {document.getElementsByClassName('popup').item(0).style.display = 'none';}
    }