7

我的 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');
);

它根本不起作用。我尝试了所有空间，一个字母，数字。警报不显示。错误在哪里？

4

4 回答 4

27

}当您的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');
});
于 2013-10-15T04:49:37.963 回答
3

您缺少用于关闭该功能的大括号：

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

此类错误通常出现在浏览器的 JavaScript 控制台中。

于 2013-10-15T04:48:08.850 回答
1

在 HTML 中

插入器 ID、名称、输入值" "

<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 "}"
      );

演示

于 2013-10-15T04:51:23.260 回答
0

语法错误 看这里

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

更改 ); 为 });

于 2013-10-15T04:48:02.647 回答