jQuery keyup fonction ne marche pas?

Mon fichier HTML:

<html>
<head>
  <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
  <link rel="stylesheet" type="text/css" href="style.css" />
  <title>
    Login
  </title>
</head>
<body>
<div class=loginForm>
  <p>Worker-ID:<input type=text id=workerID name=workerID /></p>
  <p>Password:<input type=password  id=workerPassword name=workerPassword /></p>
  <input type=submit id=submitLogin name=submitLogin value="Log in"/>
</div>
</body>
</html>

Mon scripts.js:

$('#workerID').keyup(function() {
    alert('key up');
);

Il ne fonctionne pas du tout. J'ai essayé tout l'espace,une lettre, chiffres. L'alerte ne s'affiche pas. Où est l'erreur?

  • Recherchez toujours des messages d'erreur dans votre navigateur de la console pour développeur de premier
InformationsquelleAutor adiii4 | 2013-10-15
  1. 26

    À part une faute de frappe autour de la disparition de votre }, lorsque votre script.js fichier s'exécute (dans le <head> section), le reste de votre document n'existe pas. La façon la plus simple de contourner ce problème consiste à envelopper votre script dans un document prêt gestionnaire, par exemple,

    jQuery(function($) {
    $('#workerID').on('keyup', function() {
        alert('key up');
    });
});

    Alternativement, vous pouvez déplacer votre script à la fin du document, par exemple,

            <script src="js/scripts.js"></script>
    </body>
</html>

    ou utiliser l'événement de délégation qui permet de lier les événements à un élément parent (ou le document), par exemple,

    $(document).on('keyup', '#workerID', function() {
    alert('key up');
});
    • Merci il fonctionne maintenant 🙂 je l'ai déplacé à la fin et ça marche!!!! Dois-je toujours mettre des scripts javascript et jquery à la fin ou que proposez-vous?
    • MERCI!!!! $(document).sur('keyup', '#workerID', function() a travaillé pour moi où tout le reste n'a pas.
    InformationsquelleAutor Phil
  2. 3

    Vous manque l'accolade pour fermer la fonction:

    $('#workerID').keyup(function() {
    alert('key up');
});

    Des erreurs de ce type sont généralement vu dans le navigateur de la console JavaScript.

    InformationsquelleAutor rink.attendant.6
  3. 1

    en HTML

    inser id, nom,vale dans " "

    <div class="loginForm">
  <p>Worker-ID:<input type="text" id="workerID" name="workerID" /></p>
  <p>Password:<input type="password"  id="workerPassword" name="workerPassword" /></p>
  <input type="submit" id="submitLogin" name="submitLogin" value="Log in"/>
</div>

    en js

    $('#workerID').keyup(function() {
       alert('key up');} //here you forget "}"
      );

    démo

    InformationsquelleAutor Rituraj ratan
  4. 0

    Syntaxe est mauvaise voir ici

    $( document ).ready(function() {
   $( "#workerID" ).keyup(function() {
    .....................
   });
});

    changement ); à });

    InformationsquelleAutor PSR