// Connexion
$(document).on('click', '#connexion_submit_button', function () {
    // Connexion Ajax
    var username = $('#connexion_pseudo').val();
    var password = $('#connexion_password').val();

    $.ajax({
        type: 'POST',
        url: '/ski/web/login_check',
        data: '_username=' + username + '&_password=' + password,
        beforeSend: function () {
            $('#connexion_submit_button').html('Patientez...');
        },
        success: function (data) {
            console.log(data);
            if (data.login) {
                $("#connexion_submit_button").html('Connexion');
                $('#tooltip_connexion').css('display', 'none');
                $('#modal_connexion_wrapper').fadeOut();
                $('#connexion_succeed').fadeIn().delay('1100').fadeOut('fast', function () {
                    $('#fade , #modal_connexion').fadeOut(function () {
                        $('#fade').remove();
                    });
                });

                reloadHeader();
            } else {
                $('#tooltip_connexion').css('display', 'block');
                $('#modal_connexion').effect('shake');
                $("#connexion_submit_button").html('Connexion');
            }
            $('#connexion_submit_button').html('Connexion'); // On remet le bouton normalement
        }
    });

    return false;
});

$app->register(new SilexProviderUrlGeneratorServiceProvider());
$app->register(new SilexProviderSessionServiceProvider());
$app->register(new SilexProviderSecurityServiceProvider(), array(
    'security.firewalls' => array(
        'secured' => array(
            'pattern' => '^/',
            'anonymous' => true,
            'logout' => array('logout_path' => '/admin/logout', 'invalidate_session' => true),
            'form' => array('login_path' => 'login', 'check_path' => '/login_check'),
            'users' => $app->share(function () use ($app) {
                return new skiDAOMemberDAO($app['db']);
            }),
        ),
    ),
));
$app->register(new SilexProviderSwiftmailerServiceProvider());

// register services
$app['dao.member'] = $app->share(function ($app) {
    return new skiDAOMemberDAO($app['db']);
});

$app['dao.station'] = $app->share(function ($app) {
    return new skiDAOStationDAO($app['db']);
});

$app['security.authentication.success_handler.secured'] = $app->share(function () use ($app) {
    $handler = new AuthenticationSuccessHandler(
        $app['security.http_utils'],
        $app['security.firewalls']['secured']['form'] //$options,
    );
    $handler->setProviderKey('secured');

    return $handler;
});

$app['security.authentication.failure_handler.secured'] = $app->share(function () use ($app) {
    return new AuthenticationFailureHandler(
        $app,
        $app['security.http_utils'],
        $app['security.firewalls']['secured']['form'],
        $app['logger']
    );
});

$app->before(function (Request $request) {
    if (0 === strpos($request->headers->get('Content-Type'), 'application/json')) {
        $data = json_decode($request->getContent(), true);
        $request->request->replace(is_array($data) ? $data : array());
    }
});

<div id="modal_connexion_wrapper">
    <div id="header_connexion">
        <h1>Se connecter</h1>
    </div>
    <hr/>
    <div id="main_connexion">
        <form method="post" role="form" action="{{ path('login_check') }}">
            <input type="text" id="connexion_pseudo" placeholder="Nom d'utilisateur"
                   class="connexion_input_text" name="_username"/>
            <br/>
            <input type="password" id="connexion_password" placeholder="Mot de passe"
                   class="connexion_input_text" name="_password" value="{{ last_username }}"/>
            <br/>
            <div id="connexion_footer">
                <div id="connexion_checkbox"><input type="checkbox" name="stay_co" id="stay_co"/><label
                            for="stay_co">Se souvenir de moi</label></div>
                <button type="submit" id="connexion_submit_button">Connexion</button>
            </div>
        </form>
        {% if error is defined %}
            <span id="tooltip_connexion">{{ error }}</span>
        {% endif %}
    </div>
    <p id="compte_creation">Pas de compte ? Cliquez <a href="{{ path('register') }}">ici</a> pour en créer un !</p>
</div>

<div id="modal_window">
    <div id="modal_connexion" class="modal">
        <a href="#" id="close_btn"><img src="{{ app.request.basepath }}/images/croix_fermeture.png" alt="Croix de fermeture"/></a>
        <div id="modal_connexion_wrapper">
            <div id="header_connexion">
                <h1>Se connecter</h1>
            </div>
            <hr/>
            <div id="main_connexion">
                <form method="post" role="form" action="{{ path('login_check') }}">
                    <input type="text" id="connexion_pseudo" placeholder="Nom d'utilisateur"
                           class="connexion_input_text" name="_username"/>
                    <br/>
                    <input type="password" id="connexion_password" placeholder="Mot de passe"
                           class="connexion_input_text" name="_password"/>
                    <br/>
                    <div id="connexion_footer">
                        <div id="connexion_checkbox"><input type="checkbox" name="rester_co" id="rester_co"/><label
                                    for="rester_co">Se souvenir de moi</label></div>
                        <button type="submit" id="connexion_submit_button">Connexion</button>
                    </div>
                </form>
                <span id="tooltip_connexion">Votre mot de passe/nom d'utilisateur est incorrect.</span>
            </div>
            <p id="compte_creation">Pas de compte ? Cliquez <a href="{{ path('register') }}">ici</a> pour en créer un !</p>
        </div>
        <div id="connexion_succeed"><p>Vous êtes maintenant connecté !</p></div>
    </div>
</div>