0

それで、ライトボックスにログインフォームを設定しました。ユーザーが送信をクリックしたときに、更新する前にユーザー名とパスワードが正しいかどうかをチェックしてメンバーページに移動する機能が必要です。ライトボックスにもエラーが表示されます。

jQuery の部分、特に $.post 関数に問題があります。

jQuery コード:

 $('#Connection form').submit('Connection',function(){
var Username = $('#UsernameConnection').val();

if(Username=="")
{   
    $('#UsernameConnection').css('border-color','red');
    $('.ErrorUsernameConnection').text('Error 1');
    Username = "Empty Field";
}else

if(Username=="Invalid")
{
    $('#UsernameConnection').css('border-color','orange');
    $('.ErrorUsernameConnection').text('Error 2');
    Username = "Invalid field";
}

var Password = $('#Password Connection').val();

if(Password =="")
{   
    $('#Password Connection').css('border-color','red');
    $('.ErrorPassword Connection').text('Error 3');
    Password = "Empty field";
}
    if((Username==true)&&(Password==true))
    {           
        $.post('fonctions/connection.php',{VALUE1:VALUE2},function(connection)
        {
            $('.ConnectionError').text(connection);

            if(connection=="ok")
            {
                return true;
            }else
            {
                return false;
            }
        });     
    }else
    {   
        return false;
    }
    });
        });

PHP コード:

if(isset($_POST['Connection']))
{   
     all the verifying function goes here.
}

および HTML:

<div id="Connection">
    <div class="formConnection">
    <form method="POST" autocomplete="off" name="Connection">
        <label for="Connection">Username:</label><br/>
        <input type="text" name="UsernameConnection" id="UsernameConnection"/><br/>
        <span class="ErrorUsernameConnection"></span><br/>
        <label for="Connection">Password:</label><br/>
        <input type="password" name="PasswordConnection" id="PasswordConnection"/>
        <span class="ErrorPasswordConnection"></span><br/>
        <input type="checkbox" name="checkbox"/><label>Remember me</label><br/>
        <input type="submit" name="Connection" value="Log In" id="Connection" class="LogIn"/>       
    </form>
    </div>
</div>

私の質問は次のとおりです。

  • $.postこれに適した機能はありますか？もし、そうなら、：

  • スクリプトはユーザーが送信ボタンをクリックしたときにのみ開始されるvarため、送信ボタンのためだけに jQuery で新しいスクリプトを作成する必要がありますか?

  • この場合、phpのif(isset($_POST['Connection']))一部が必要ですか、それとも関数をすぐに配置できますか?

  • VALUE1これが機能するためには何が必要VALUE2ですか？

4

2 に答える 2

0

これがあなたがやりたいことだと思います：

$('#Connection form').submit('Connection',function(){

    $.ajax({
      type: "POST",
      url: "some.php",
      data: { name: "John", password: "Boston" }
    }).done(function( msg ) {
      alert( "Data Saved: " + msg );
    });

 });

基本的に、フォームをシリアル化してページに投稿するだけです。ページにメッセージ (成功または失敗、1 または 0) を送り返し、そのデータで何かを実行します。

于 2012-08-20T15:25:56.060 に答える
0

問題を複雑にしすぎていると思います。AJAX 経由でフォームを投稿したいだけです。これを行う最も簡単な方法は次のとおりです。

$('#login-form').submit(function() {
    $.post('login.php', $(this).serialize(), function(response) {
        // do something on success or failure here
    });
    return false;
});

login.phpJSONオブジェクトまたはtrueまたはをエコーfalseし​​、ライトボックスなどにエラーを表示します。

于 2012-08-20T15:33:07.680 に答える