ipi-jquery/exemples/jquery/evenements-1-click-submit/script.js

// Déjà vu : simple gestionnaire de click
$('#events1-btn1').click(function() {
    $(this).toggleClass('blue');
});

// Gestionnaire de submit
$('#events1-form1').submit(function(e) {
    // On empêche la soumission du formulaire à un serveur
    e.preventDefault();
    // On sauvegarde la référence au formulaire car on va s'en servir plusieurs fois
    var form = $(this);
    // Encore un sélecteur: input avec attribut ayant la valeur demandée
    var name = form.find('input[name="name"]').val();
    var inputEmail = form.find('input[name="email"]');
    var email = inputEmail.val();
    // Vérification TRES basique de l'email
    // Si elle échoue on affiche une erreur
    if(! email.includes('@') || ! email.includes('.')) {
        inputEmail.css('border', '1px solid red');
        form.find('input[name="email"] + div').show();
    }
    // Sinon, on remplit les résultats dans
    // la div prévue pour, on montre cette
    // div, et on cache le formulaire
    else {
        $('#result-name').html(name);
        $('#result-email').html(email);
        $('#events1-form1-resultat').show();
        form.hide();
    }
})