Discussion :

[didiloury]

Bonjour à tous,

Je souhaite récupérer la valeur de cet input

Code html :

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

<input type="search" class="form-control" placeholder="Nom/code/ville" aria-label="Search" id="c_barre_de_recherche" autocomplete="off" required>

via cette variable :

Code javascript :

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

var val_select =  document.getElementById('c_barre_de_recherche').value

dans la fonction ci-dessous:

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function verifChampModal(modal) {
      console.log('verifChampModal');
      // Vérifier si les champs requis sont remplis
      var test = $("#" + modal);
      var champsManquants = test.find('input[required], textarea[required], select[required]').filter(function() {
        return $(this).val() === '';
      });
      // Afficher une erreur si des champs sont manquants
      if (champsManquants.length > 0) {
        console.log('err champ manquant');
        $('#erreur').html('Champs manquants'); // Affichage s'un message d'erreur
        return false; // Arrêter l'exécution de la fonction
      }
      return true;
    }

mais dans la console cela ne m'affiche rien. Quelqu'un peut il m'aider? cdt

[mathieu]

si rien ne s'affiche c'est peut-être que la fonction "verifChampModal" n'est pas appelée.

et au sujet de jquery, les navigateurs actuels proposent de plus en plus d'améliorations dans l'utilisation du code javascript donc jQuery n'est plus très utile. je vous conseille donc d'utiliser seulement du code sans jquery.
vous pouvez regarder ces pages qui donnent beaucoup d'exemples de remplacement de jQuery par du code javascript direct :
https://youmightnotneedjquery.com/
https://github.com/camsong/You-Dont-...r/README-fr.md

[didiloury]

la fonction "verifChampModal" est bien appelée mais ce que je veux c'est récupérer la valeur de l input en faisant un console.log de val_select mais c'est ce console.log qui ne fonctionne pas. Cdt

[gabi7756]

Bonjour
Si je peux me permettre , met ton code en entier stp
On sait pas quand ta fonction est appelé et ca vient surement de la le problème$

Si une ligne vide apparait dans la console , alors ca veut dire que pour une raison x ou y ton code js récupère pas ton bouton , erreur dans la saisie de l'id par exemple
Si tout bonnement rien ne s'affiche alors ca veut dire que tu n'appelles juste pas ta function

[didiloury]

Bonjour à tous,

Finalement j'ai trouvé merci à vous.

[gabi7756]

Dommage que tu ne dises pas quel était le problème du coup ...

[didiloury]

rebonjour

Oui pardon je vous dit comment j ai résolu le problème.

J'ai tapé:

Code :

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

1
2
3
var testFind = test.find('input[id="c_barre_de_recherche"]').filter(function() {
  console.log($(this).val());
}

et cela m'a bien renvoyé la chaîne de caractère correspondant voulu.