Discussion :

[gye baek]

Bonjour, je cherche a recuperer les valeur d'un formulaire avec un boutton jquery. mon code est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
var btnFinish = $('<button></button>').text('Finish')
.addClass('btn btn-info')
.on('click', function(){ 
if( !$(this).hasClass('disabled')){ 
var elmForm = $("#myForm");
if(elmForm){
elmForm.validator('validate');
 
var elmErr = elmForm.find('.has-error');
if(elmErr && elmErr.length > 0){
alert('Oops we still have error in the form');
return false;
}else{
alert('Great! we are ready to submit form');
elmForm.submit();
 
return false;
}
}
}
});
 
// code html
 
* <div id="form-step-0" role="form" data-toggle="validator">
<div class="form-group">
    <label for="name">Entrer le nom:</label>
    <input type="text" class="form-control" name="email" id="email" placeholder="Entrer un nom" required>
        <div class="help-block with-errors"></div>
 
</div>
<div class="form-group">
<label for="name">Commentaires:</label>
<textarea class="form-control" name="address" id="address" rows="2" placeholder="Entrer un commentaire pour differencier vos projets..." required></textarea>
    <div class="help-block with-errors"></div>
 
 </div>
 </div>
 
<div id="step-2">
<h2>Type de données</h2>
    <div id="form-step-1" role="form" data-toggle="validator">
        <div class="form-group">
        <br/><label for="name">Sélectionnez le type de format de vos fichiers:</label><br/>
        <br/><input type="radio" name="format" value="ascii"> ASCII </input> <br/>
        <br/><input type="radio" name="format" value="binaire"> BINAIRE ASN1 </input> <br/>
        <div class="help-block with-errors"></div>
    </div>
    </div>
</div>
 
<div id="step-3">
******************* <h2>Configurer la source d'importation</h2>
******************* <div id="form-step-2" role="form" data-toggle="validator">
*********************** <div >
*************************** 
*************************** 
*** <form name="frmNewProject" method="post" action=""> 
*** *** <label> Choisissez la source de vos fichier </label><br/> 
*** *** <input type="radio" name="radFichier" id="local" value="local" _onclick="test()"> Local </input> <br/> 
*** *** <input type="radio" name="radFichier" id="server" value="server" _onclick="test()"> Server distant* </input> <br/> 
*** *** <p id="msg"></p> 
*** *** 
*** *
*** *** *** *** *** <div name="divLocal" id="divLocal" style="display: none"> 
*** *** *** *** *** *** *** *** *** *** *** *
*** *** *** *** *** *** *** *** *** *** <label> Méthode : Importation manuelle de fichiers :</label><br/> 
*** *** *** *** *** *** *** *** *** *** <label>Parcourrir et sélectionner le(s) fichier(s)</label> 
*** *** *** *** *** *** *** *** *** *** <input type="file" name="txtFiles[]" id="btnFiles" multiple="true" class="btn btn-primary" /> 
*** *** *** *** *** *** *** *** *** *** *
*** *** *** *** *** *** *** *
*** *** *** *** *** </div> 
*** *** *** *** *
*** *** *** *** *** <div name="divServer" id="divServer" style="display: none"> 
*** *** *** *** *** *** *
*** *** *** *** *** *** *** *** *** *** <li> Méthode: Importation depuis un serveur</li> 
*** *** *** *** *** *** *** *** *** *** *** <table class="responsive table table-hover table-striped">
*** *** *** *** *** *** *** *** *** *** *** *** <tr>
*** *** *** *** *** *** *** *** *** *** *** *** *** <td><label for="disabledSelect">@serveur</label></td> 
*** *** *** *** *** *** *** *** *** *** *** *** *** <td><input class="form-control" id="disabledInput" type="text" placeholder="192.168.0.51" disabled></td>
*** *** *** *** *** *** *** *** *** *** *** *** </tr>
*** *** *** *** *** *** *** *** *** *** *** *** <tr>
*** *** *** *** *** *** *** *** *** *** *** *** *** <td><label for="disabledSelect">@chemin</label></td> 
*** *** *** *** *** *** *** *** *** *** *** *** *** <td><input class="form-control" id="disabledInput" type="text" placeholder="/home/MTN/CCNV" disabled></td>
*** *** *** *** *** *** *** *** *** *** *** *** </tr>
*** *** *** *** *** *** *** *** *** *** *** </table> 
*
*** *** *** *** *** </div>
*** *** *** *** *** *** *** *
*
*** *
*** </form> 
*
*** *** *** *** *** *** *** 
*************************** <div class="help-block with-errors"></div>
*********************** </div>
******************* </div>
*************** </div>
<div id="step-4" class="">
******************* <h2>Terms and Conditions</h2>
******************* <p>
*********************** Terms and conditions: Keep your smile :) 
******************* </p>
******************* <div id="form-step-3" role="form" data-toggle="validator">
*********************** <div class="form-group">
*************************** <label for="terms">I agree with the T&C </label>
*************************** <input type="checkbox" name="terms" id="terms" data-error="Please accept the Terms and Conditions" required />* 
*************************** <div class="help-block with-errors"></div>
*********************** </div>
******************* </div>
******************* 
******************* 
*************** </div>

[mathieu]

qu'obtenez-vous avec ce code ?
que souhaitez-vous obtenir en détail ?

[Toufik83]

bonsoir,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var elmForm = $("#myForm");

tu es sûr qu'il existe un élément html dans ta page avec id="myForm" ?

[ABCIWEB]

Salut,

Il y a serialize pour récupérer les données d'un formulaire et les formater sous forme de chaine de caractères compatible avec les requêtes ajax.

Sinon tu peux obtenir la valeur d'un champ avec la méthode val() par exemple $('#email').val()