функция jQuery keyup не работает?

мой 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>

мои скрипты.js:

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

это не работает вообще. Я перепробовал все пространство, одну букву, цифры. Тревога не появляется. Где ошибка?

6
html javascript jquery keyup

4 ответов

кроме опечатки вокруг вашего пропавшего }, когда script.js файл запускается (в <head> раздел), остальная часть вашего документа не существует. Самый простой способ обойти это-обернуть скрипт в обработчик документов, например

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

кроме того, вы можете переместить свой скрипт в нижнюю часть документа, например

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

или используйте делегирование событий, которое позволяет привязывать события к родительскому элементу (или документу), например

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

вам не хватает фигурной скобки, чтобы закрыть функцию:

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

подобные ошибки обычно наблюдаются в консоли JavaScript браузера.

3

в HTML

inser id, имя, vale в " "

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

в js

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

демо

1

синтаксис-это неправильно посмотреть здесь

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

изменить ); to });

0