https://courtemaux.fr/wp-content/themes/andromedae/js/optelo.js

1function sendForm() {
2
3    // déclaration de ma variable de verification de numéro (expression reguliere)
4    var regex = /^((\+|00)33\s?|0)[67](\s?\d{2}){4}$/
5
6    // On remet à zéro les balises p.error
7    $('p.error').text("");
8    $('p.error').hide();
9    $('#errorMessage').hide();
10    $('#successMessage').hide();
11
12    // Récupération des valeurs du formulaire
13    var phone = $("#phoneNumber").val();
14
15    //Si il y a rien dans le champ phone
16    if (phone == "") {
17        //Affichage du message d'erreur
18        var msg = "Veuillez saisir un numéro de téléphone mobile";
19        $("#phoneNumber").siblings('p.error').text(msg);
20        $("#phoneNumber").siblings('p.error').slideDown();
21        $("#phoneNumber").css("border-color", "red");
22      
23
24
25        //Si ce qu'il y a dans le champ est incorrect (validation telephone avec expression reguliere:regex)
26    } else if (!regex.test(phone)) {
27        var msg = "Veuillez saisir un numéro de téléphone mobile valide";
28        $("#phoneNumber").siblings('p.error').text(msg);
29        $("#phoneNumber").siblings('p.error').fadeIn();
30        $("#phoneNumber").css("border-color", "red");
31      
32
33    } else {
34
35        $("#phoneNumber").siblings('p.error').slideUp();
36        $("#phoneNumber").css("border-color", "green");
37
38        //Appel ajax de optelo.php
39        $.ajax({
40            method: "POST",
41            url: "/wp-content/themes/andromedae/optelo.php",
42            data: { phone: phone, }
43        })// Puis si l'appel est OK affiche le message de success
44            .done(function (msg) {
45                $('#successMessage p span').text(phone);
46                $('#successMessage').fadeIn();
47                $("#phoneNumber").val("");
48                // Puis si l'appel est KO affiche le message d'erreur
49            }).fail(function (jqXHR, textStatus) {
50                $('#errorMessage').fadeIn();
51            });
52    }
53}
54
55// Quand on valide le formulaire ça execute la fonction sendForm
56// $('form#subscribe-form').on('submit', sendForm);
57