Découpage Jquery validationEngine
Bonjour à tous ! Je tenais à vous remercier pour l'aide que vous allez essayer de m'apporter :)
Pour faire court, j'ai mis en place le plugin validationEngine et ..... Il fonctionne à merveille. Vous allez, me dire bah que fous tu là ! :)
Mon soucis est que l'on me demande de découper ma vérification en 2 parties, j'ai donc essayer de rajouter un div en milieu de mon formulaire, et ai rajouté un déclencheur mais .. sans succès..
Mon code avant modification se présente comme ceci :
Code:
1 2 3 4
| <form id="formID" class="formular" method="post" action="" {#{{ form_start(form_rachat) }}#}>
[mes champs...]
<input class="submit" type="submit" value="Valider" />
</form> |
et j'ai essayé de rajouter cela :
Code:
1 2 3 4 5 6 7 8 9 10
| <form id="formID" class="formular" method="post" action="" {#{{ form_start(form_rachat) }}#}>
<div id="partEtape1">
[mes champs...]
</div>
<div class="btn deg-vert pull-right submit" id="submitEtape1">Etape2</div>
<div id="partEtape2">
[mes champs, seconde partie...]
</div>
<input class="submit" type="submit" value="Valider" />
</form> |
et ai rajouté ceci dans mon fichier JS :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| jQuery(document).ready(function(){
// binds form submission and fields to the validation engine
jQuery("#formID").validationEngine();
/*******************************************************************************************************************
*
* VERIFICATION ETAPE 1
*
*******************************************************************************************************************/
$('#submitEtape1').click(function () {
var valid = $("#partEtape1").validationEngine('validate');
var vars = $("#partEtape1").serialize();
if (valid == true) {
alert("Yeah");
} else {
$("#partEtape1").validationEngine();
}
});
}); |
Mais, cela ne fonctionne pas :(, quelqu'un aurait une petite idée ?
Merci à vous tous.