我正在从头开始编写我的第一个站点 - 我有一个表单和一个在提交表单时起作用的函数:
应用程序.js
$(document).ready(function() {
$("#signupform").submit(function(e) {
var name = document.getElementById("pname").value;
var email = document.getElementById("email").value;
var userArray = [];
var user = {
name: name,
email: email
};
console.log(user.email, user.name);
e.preventDefault;
});
});
消息被正确地记录到控制台...但它只是一个信号 - 它会立即消失。另外...我在编写上述代码时遇到的任何错误也只会在控制台中显示为短的信号。刚好够阅读。
这是我的 index.html 文件...如果它是相关的:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>it IT</title>
<link rel="stylesheet" type="text/css" href="application.css" />
<script src="jquery.js"></script>
<script src="application.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<h1>it IT</h1>
<div id="signup">
<form id="signupform">
Name: <input type="text" name="pname" id="pname"><br>
Email: <input type="text" name="email" id="email"><br>
<input type="submit" value="sign up">
</form>
</div>
<div id="signin"></div>
<div id="content"></div>
</body>
</html>
最佳答案
preventDefault 是一个方法，你需要:
e.preventDefault();
在您的问题代码中，表单已提交，因此控制台已刷新。
关于javascript - firebug 和 chrome 控制台都有消失的 console.log 消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16874317/