jquery not defined

Salut !
Essaye jQuery avec un j minuscule.

Hello,

Je ne connaissais pas (ou alors assez vielle) cette notation pour démarrer un script jQuery.
Essai plutôt ça :

$(document).ready(function(){
    $('.btn-danger').on('click',function(e){    
        e.preventDefault();
        alert('test');
    });
});

J'ai donc essayé avec la solution de PallMallShow, et cela a fonctionné, juste un problème de syntaxe ou le fait que le document charge mieux le script une fois que la page est chargée?

J'ai donc ensuite essayé de repartir sur mon but initial qui est d'appliquer le principe sur un formulaire dans une fenêtre modale , le code
est donc :
page de la fenêtre modale : (je n'ai pas mis le code entier mais juste la partie modale)

<div class="row">
                <div class="col-md-offset-4">
                    <div>
                        <div class="modal fade" id="infos">
                            <div class="modal-dialog">  
                                <div class="modal-content">

                                </div> 
                            </div> 
                        </div>
                    </div>
                </div>
            </div>

        le code app.js est le même : 
        ```
        $(document).ready(function(){
$('.btn-primary').on('click',function(e){    
    e.preventDefault();
    alert("test");
});

});

et voici le code de la fenêtre modale en elle même :

<center>
<div class="modal-header ">
<button type="button" class="close" data-dismiss="modal">x</button>
<h4 class="modal-title">Réinitialiser le mot de passe</h4>
</div>
<div class="modal-body">
<form id="reinitialiser" action="reinitialisation_mot_de_passe.php">
<div class="clearfix">
<div class="form-group">
<label for="Login" > NNI : </label>
<input type="text" name="login" id="Login" placeholder="NNI" required>
</div>
</div>
<div class="clearfix">
<div class="form-group">
<label for="mail" > Mail : </label>
<input text name="mail" id="mail" placeholder="Mail" required />
</div>
</div>
<button type="submit" class="btn btn-primary">Envoyer</button>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-info" data-dismiss="modal">Annuler</button>
</div>
</center>

<script src="JQuery/jquery.js"></script>
<script src="javascript/app.js"></script>

Et donc, lorsque je valide le formulaire, la redirection agit quand même

apparement, la propreté est la meilleure façon pour que les choses marche.
Cela marche avec la méthode que tu as proposée, je tâcherais de suivre ces syntaxes à partir de maintenant ^^

j'ai essayé ensuite de faire une transmission des valeurs de mon formulaire en php, puis de retourner une reponse json à mon script pour qu'il puisse indiquer que tout c'est bien passé.

le problème est qu'au lieu d'avoir l'alerte de mon script app.js, j'ai un simple echo venant de mon controleur php.
app.js

$(document).on('submit', '#reinitialiser', function(event){

    event.preventDefault();
    var form = $('#reinitialiser');

    var nni = $('#login').val();
    var mail = $('#mail').val();
    $.ajax({
        url: form.attr('action'),
        type: form.attr('method'),
        data : form.serialize(),
        datatype: 'json',
        success:function(json){
            if (json.reponse ==='ok'){
                alert('ok');
                else {
                    alert('erreur :' + json.reponse);
                }
            }
        };
});

script php

<?php 
    if ((isset($_POST['login'])) && (isset($_POST['mail'])))    {
        if ((!empty($_POST['login'])) && (!empty($_POST['mail'])))  {
            $reponse ='ok';
        }
        echo json_encode(['reponse' => $reponse]);
    }

?>

Fait un console.log(json) dans la fonction de success afin de voir a quoi elle ressemble.
Tu pourras donc faire le bon choix de la propriété a vérifier si == 'ok' ;)

la console n'indique rien car lorsque je valide, cela me met sur la page du controleur avec le echo json d'afficher ,
je me retrouve donc avec une page blanche marquée : {"reponse":"ok"}