0

誰かが私を助けてくれますか、私はシャドウボックスと呼ばれる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ウィンドウで開かず、ログイン時に同じ既存のページを使用しているだけです。誰かが私に何ができるか教えてください。ありがとう。

4

1 に答える 1

0

次のように、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 を使用する必要があります。

$(document).ready(function(){

$('#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!');
}
      });
  });
});
于 2013-01-25T15:49:46.577 に答える