ERREUR Uncaught TypeError: document.querySelector() is null SOUS MOZILLA

Bj ,,
J'ai ecris une fonction qui récupère les données d'un formulaire et qui les envois vers un script php
Voici :

Code:

echo"<button type=\"submit\" onclick=\"insertion('$magasignier');\"  class=\"btn btn-primary btn-lg m-l-15 waves-effect\">Enregistrer les données</button>\n";

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
function insertion(magasignier)
{
    var magasignier;
    var selectElmt = document.getElementById("destinataire");
    var valeurselectionnee = selectElmt.options[selectElmt.selectedIndex].value;
    var destiselectionne = selectElmt.options[selectElmt.selectedIndex].text;
    //------------------------------------
    var numpord = $("#num_pord").val();
    var pord = document.querySelector('input[name="pd"]:checked').value;
    var firme = $("#firme").val();
    var nombre = $("#nombre").val();
    var palette = document.querySelector('input[name="palette"]:checked').value;
    var frigo = document.querySelector('input[name="frigo"]:checked').value;
    var remarque = $("#remarque").val();
 
    //remplacement des blanc dans la vriable
    var remarque_modif = remarque.replace(/ /g, 'DDD');
 
    //alert(remarque_modif);
    var ok = $("#in").val();
 
    //url d envoi --------
    var url = "ajax/insertion.php?numpord=" + numpord + "&pord=" + pord + "&firme=" + firme + "&nombre=" + nombre + "&palette=" + palette + "&frigo=" + frigo + "&destinataire=" + destiselectionne + "&remarque=" + remarque_modif + "&magasignier=" + magasignier + "&in=" + ok;
    //alert(url);
    //--------------------
 
    //var url = desti + rech ;
    $("formulaire_insertion").remove();
    $("#loading_spinner").show();
 
    //debut control
    if (destiselectionne == "SELECTIONNER" || pord == "" || firme == "" || nombre == "" || palette == "" || frigo == "" || ok == "")
    {
        alert('erreur formulaire');
    }
    else
    {
        $("#formulaire_insertion").load(url, function()
        {
            $("#loading_spinner").hide();
        });
    }
}

Lorque je teste le formulaire et que certains champs ne sont pas complétés, j'ai cette erreur (uniquement sous mozilla).

Citation:

Uncaught TypeError: document.querySelector(...) is null
insertion http://localhost/dispatch/js/recherche.js:174
onclick http://localhost/dispatch/dis.php:1

Les erreurs viennent quand les varibles n'ont pas de valeur
Et le click sur le bouton ne fonctionne pas !!
Je cherche une solution en vain .
Pourriez-vous m'aider.
Bonne soirée
Stéphane