当用户登录并在 html 表单上点击提交时,我正在使用 javascript 启动“shadowbox”jquery 灯箱窗口。
首先,我希望 jquery 窗口仅在成功提交时启动,而不是在不成功提交时启动。(即如果用户的电子邮件和密码正确) - 有没有办法做到这一点?
我遇到的另一个问题是此时 jquery 窗口按预期弹出,但第二个目标 _blank 窗口同时打开,因为我正在使用'this.target = 'formpopup';'
我试图用来'e.preventDefault();'
阻止第二个窗口打开,这确实阻止了第二个窗口打开,但它也阻止了表单登录用户。无论如何我可以阻止第二个窗口在新窗口中打开_blank 窗口而不删除,'this.target = 'formpopup';'
因为这是打开 jquery 窗口所必需的。
请有人告诉我该怎么做,谢谢。
HTML表格:
<form id="myform" form action="login.php" method="post" class="loginform">
Email
<input type="text" name="email" maxlength="30" />
Password
<input type="password" name="password" maxlength="30" />
<input type="image" src="../PTB1/assets/img/icons/loginarrow1.png" name="submit" class="loginbutton" value="Login" />
</form>
JAVASCRIPT:
<script>
$(document).ready(function() {
$('#myform').submit(function() {
Shadowbox.open({
content: '<iframe src="loginin.php" width="500" height="300" scrolling="no" style="overflow:hidden; border:none;"></iframe>',
player: "html",
height: 300,
width: 500
});
this.target = 'formpopup';
e.preventDefault();
});
});
</script>