发表新帖
发表新帖

jQuery keyup function doesnt work?

后端 未结
关注
4 1006
陌清茗
陌清茗 2021-01-12 13:51

My HTML file:
相关标签:
4条回答
  • 执念已碎
    2021-01-12 14:16

    in HTML

    inser id, name,vale in " "

    <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>

    in js

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

    demo

    0 讨论(0)
  • 清酒与你
    2021-01-12 14:26

    Apart from a typo around your missing }, when your script.js file runs (in the <head> section), the rest of your document does not exist. The easiest way to work around this is to wrap your script in a document ready handler, eg

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

    Alternatively, you could move your script to the bottom of the document, eg

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

    or use event delegation which allows you to bind events to a parent element (or the document), eg

    $(document).on('keyup', '#workerID', function() {
    alert('key up');
});
    0 讨论(0)
  • 小鲜肉
    2021-01-12 14:31

    Syntax is wrong see here

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

    change ); to });

    0 讨论(0)
  • 谎友^
    2021-01-12 14:34

    You're missing the curly bracket to close the function:

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

    Errors like these are usually seen in the browser's JavaScript console.

    0 讨论(0)
 看不清?
提交回复
热议问题