Discussion :

[Invité]

Bonjour,

Je ne savais pas vraiment ou poster ça parce que je ne suis pas sure si le problème vient d'angularjs ou de php. Je tente ma chance ici du coup. Voila mon problème :

J'ai crée un formulaire tout ce qu'il y a de plus basique. J'ai un bouton "+" qui me permet d'afficher un popup où je rentre une déduction et je peux faire de même plusieurs fois de suite. Une fois ma déduction rentrée dans mon champ de saisie, celle ci s'affiche juste au dessus de mon bouton "+". Une fois cela fini, je récupère le tableau généré par angular dans ma partie php et je fais ensuite à un appel de fonction pour les enregistrer.

Mais pour une raison inconnue, mon bouton submit ne marche pas... Après suppression de la partie angular, ça marchait mais du coup plus de saisie possible de mes déductions.

Voici mon code PHP (très basique) :

Code :

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

1
2
3
4
5
6
7
8
 
if(!empty($_POST['valider'])) {
    echo "<script>alert(\"Hello\")</script>";
    $chaineLibelles = "{{ ctrl.libelles }}";
 
    $tabLibelles = chaineToTab($chaineLibelles);
    insertionDeduction($conn, $tabLibelles, $numParc, $con_id);
}

J'ai rajouté un "Hello" pour vérifier si le formulaire passait dans la partie PHP mais rien ne s'affiche

Quelqu'un saurait-il d'ou ça pourrait venir ? Merci d'avance

[badaze]

Le code que tu as posté n'est pas suffisant. C'est la partie "avant" qui est intéressante.

[Invité]

Bonjour,

Oui effectivement j'y ai pas pensé mais ça aurait été plus logique que je mette le code avant aussi. My bad ^^

La partie HTML :

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
 
<form name="recapControle" method="POST" action="<?php $_SERVER['PHP_SELF'] ?>" role="form">
 
        <div class="row">
            <h3 class="text-center col-md-12 col-sm-12">Listes des opérations à réaliser suite aux contrôles</h3><br/>
        </div>
 
        <!-- div affichant les libellés stockés dans un tableau js -->
        <div class="row">
            <div class="form-group col-md-12">
                <p ng-repeat="libelle in ctrl.libelles" class="form-control input-lg">{{libelle.libelle}}</p>
            </div>
        </div>
 
 
        <div class="row">
            <div class="form-group col-md-12">
                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#ajoutOperation"><i class="glyphicon glyphicon-plus"></i></button>
            </div>
        </div>
        <div class="modal fade" id="ajoutOperation" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">Nouvelle Opération</h4>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <input type="text" ng-model="ctrl.deduction.libelle" class="form-control" required>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success" data-dismiss="modal" data-ng-click="ctrl.ajouterDeduction()">Ajouter</button> 
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="form-group col-md-12">
                <input type="submit" id="valider" name="valider" class="btn btn-lg btn-success" value="Valider">
            </div>
        </div>
 
    </form>

La partie angularjs :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
angular.module("RecapControleApp").controller("RecapControleController", ['$http', function(http){
    var self=this;
    self.deduction={}; //Variable pour stocker une déduction
    self.libelles = []; //Tableau contenant les déductions au fur et à mesure qu'elles sont rajoutées
 
    self.ajouterDeduction = function () {
        self.libelles.push(self.deduction); //Ajout de la déduction saisie dans le tableau
        self.deduction = {}; //Effaçage de la variable deduction
 
    };
}]);

[Invité]

Re-bonjour,

Bon en fait, je dois juste être stupide parce qu'il fallait mettre "novalidate" dans la balise <form>

Voila voila, je passe le sujet en résolu