Adaptation de jQuery Validate

Salut à toutes et tous,

J'ai récupéré un script qui est intéressant pour moi parce qu'il s'intègre bien dans le site que j'essaye de faire, vu qu'il tient sur une seule ligne dans le navigateur.

Problème : il n'est pas fourni avec le fichier permettant l'envoi des données.

Voici le code html qui ne comprends que 4 champs:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
 
      <form id="theForm" class="tcb-form" autocomplete="off" action="?" method="post">
                <div class="tcb-formInner">
                    <ol class="questions">
                        <li>
                             <span><label for="q1">votre nom</label></span>
                             <input id="q1" name="cm-name" type="text" minlength="3" required/>
                              <span class="highlight"></span>
 
                            <div class="bar"></div>
                        </li>
                        <li>
                            <span><label for="q2">Etes-vous un professionnel/Particulier ?</label></span>
                            <input id="q2" name="cm-name" type="text" minlength="2" required/>
                            <span class="highlight"></span>
                            <div class="bar"></div>
                        </li>
                      <li>
                            <span><label for="q2">Quel est votre email ?</label></span>
                           <input id="q4" name="cm-iddkdy-iddkdy" type="email" required/>
                            <span class="highlight"></span>
                            <div class="bar"></div>
                        </li>
                     <li>
                            <span><label for="q3">un court message ?</label></span>
                            <input id="q3" name="cm-name" type="text">
                            <span class="highlight"></span>
                            <div class="bar"></div>
                        </li>
                     </ol>
                    <div class="complete">
                        <div class="done">Envoi...</div>
                        <button type="eset" id="reset">Recommencer<i class="fa fa-arrow-right"></i>
                    </button>
                        <div class="bar"></div>
 
                    </div>
                    <button class="submit" type="submit">Envoyer les réponses</button>
                    <span id="next"><i class="fa fa-arrow-right"></i></span>
                </div>
                <div class="status">
                    <span class="formError"></span>
                    <span class="currentNo">0</span>
                </div>
            </form>

La difficulté (je débute) c'est d'envoyer le tout par mail vu que le fichier n'existe pas. Bon, pour que vous compreniez, tout est visible ici (avec l'exemple du formulaire) : http://thecodeblock.com/step-step-mi...-using-jquery/

Ca me parait hyper complexe de relier tout ça pour l'adapter à un fichier de traitement final.

En fait, ce que je souhaiterais c'est quelque chose d'hyper simple, comme dans l'exemple fourni : une ligne qui affiche une série de questions jusqu'au bouton d'envoi.

Voilà.