Question

有人可以帮助我，我正在使用名为shadowbox的jquery灯箱。基本上，如果用户点击我网站上的链接，则使用以下代码在jquery窗口中打开：

<a href="page.php" rel="shadowbox;height=300;width=500">link</a>

但是现在我试图在提交时获取一个登录html表单，在jquery窗口中打开，编码如下：

<form action="login.php"  rel="shadowbox;height=300;width=500" 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>

目前虽然它没有在jquery窗口中打开，并且在登录时只是使用相同的预先存在的页面。有人可以告诉我我能做什么。感谢。

Answer 1

您需要在js中请求您的表单，如下所示：

<script type="text/javascript">
function showBox(){
Shadowbox.open({
content: '<form action="login.php" method="post" id="login-form" class="loginform">Email<input id="email" type="text" name="email" maxlength="30" />Password<input type="password" id="pass" name="password" maxlength="30" /><input type="submit" id="submit" name="submit" class="loginbutton" value="Login" /></form>',
player: "html",
title: "Login-form",
height: 300,
width: 500
});
}
</script>

<a href="#" onclick="showBox()">Login-form</a>

使用type =“submit”的输入或按钮，在登录表单中，您需要使用ajax-techology检查请求数据，如下所示：

$（文件）。就绪（函数（）{

$('#submit').click(function(){
    $('#login-form').submit(function(){ return false;});
     $.ajax({
        type: 'POST',
        url: 'url for check data',
        data: {'email':$('#email').val(),'pass':$('#pass').val()},
        success: function(result){
          if(result == 'ok') $('#login-form').submit();
          else alert('error!');
}
      });
  });
});

在HTML表单上打开shadowbox提交？

1 个答案: