Récupérataion des valeurs d'un formulaire avec Jquery
Bonjour, je cherche a recuperer les valeur d'un formulaire avec un boutton jquery. mon code est le suivant :
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 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> |