函数中的JavaScript console.log

Question

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="login.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script src="jquery.serializeJSON.min.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$("#submit-button").click(function(e)
{
  var username = JSON.serialize($('#username').val().toLowerCase());
  console.log($('#username').val());


});
});
</script>
<div class="login-container">
  <div class="title">Login Form</div>
  <div class="form-fields">
  <form name="login-form" id="login-form" method="POST">
    <input type="text" name="username" placeholder="Username" required></input>
    <input type="password" name="password" placeholder="Password" required></input>
    <input type="submit" value="Log in" id="submit-button"></input>
  </form>
</div>

我试图在序列化用户名变量后登录，但console.log不会从函数内打印任何内容。 在这种情况下进行调试的最佳方法是什么。

Answer 1

将字符串转换为小写字母的方法是toLowerCase ，而不是toLowerCaser ，并且字符串上没有serializeJSON方法。 您将使用JSON.serialize方法：

var username = JSON.serialize($('#username').val().toLowerCase());

要找到类似的错误，应在浏览器的错误日志中查找，它应显示一条错误消息，指出toLowerCaser不是函数。 那应该告诉您，也许不是该方法被调用，而是在文档中查找它（例如https://developer.mozilla.org/en-US/ ）。 修复该问题后， serializeJSON会收到相同的错误。

要使用console.log进行调试，您可以拆分各个步骤并逐步检查结果。 例如：

// check if jQuery found anything
console.log($('#username').length);
// check what the text is
console.log($('#username').val());
// check if toLowerCaser works
console.log($('#username').val().toLowerCaser());
// check if serializeJSON works
console.log($('#username').val().toLowerCaser().serializeJSON());

编辑：

当您还显示了HTML代码时，我看到它不包含任何带有id="username"元素，因此$('#username')将是一个空的jQuery对象。

如果您尝试console.log($('#username').length); 您将看到它写出0 。

函数中的JavaScript console.log

问题描述

1 个解决方案

解决方案1
2 已采纳 2014-10-27 20:28:54

编辑：

函数中的JavaScript console.log

问题描述

1 个解决方案

解决方案1 2 已采纳 2014-10-27 20:28:54

编辑：

解决方案1
2 已采纳 2014-10-27 20:28:54