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
| $( function(){ // forme abrégée de $(document).ready(function(){
var jObjFormDiv = $( "#Form" ),
jObjFormulaire = $( "#form" );
jObjFormDiv.dialog({
"autoOpen" : false,
"height" : 400,
"width" : 650,
"modal" : true,
"buttons" : {
"Soumettre": function() {
jObjFormulaire.trigger( "submit" )
},
"Annuler" : function(){
$( jObjFormulaire.data( "checkbox" ) ).prop( "checked", false );
jObjFormDiv.dialog( "close" );
}
}
});
$( '.checkbox' ).on( "click", function(){
if ( $( this ).is( ':checked' ) ){
// stocke l'élément input checkbox concerné
jObjFormulaire.data( "checkbox", this );
var checked_value = $( this ).val();
$( "#txt_lala" ).text( checked_value );
$( "#anomalie" ).val( checked_value );
jObjFormDiv.dialog( "open" );
} else {
// Gestion du cas où l'utilisateur change d'avis !
}
});
jObjFormulaire.on( "submit", function(){
var fait = $( "#fait" ).val(),
anomalie = $( "#anomalie" ).val(),
missionID = $( "#missionID" ).val();
if ( fait == '' ){
alert( "Champs commentaire Obligatoire ! Soumission du formulaire annulée." );
$( jObjFormulaire.data( "checkbox" ) ).prop( "checked", false );
jObjFormDiv.dialog( "close" );
} else {
// code $.post(); impossible de tester
this.reset(); // To reset form fields
/*
* Comme le changement d'avis de l'utilisateur n'est pas géré,
* on peut l'empêcher de changer d'avis, mais ce n'est pas une bonne solution.
*/
$( jObjFormulaire.data( "checkbox" ) ).prop( "disabled", true );
jObjFormDiv.dialog( "close" );
}
// Il faut bloquer la soumission traditionnelle
// du formulaire sinon la page est rechargée !
return false; // important !
});
}); |
Partager