javascript - 未捕获的类型错误无法读取未定义的属性“事件”

Question

我正在尝试创建一个简单的应用程序，将输入的值写入控制台上的表单：

HTML：

<input type="email" name="email-address" value="" id="email-address" />

<label for="password">Password</label>
<input type="password" name="password" value="" id="password" />

<input type="submit" name="submit" class="btn" value="Login" onclick="login_existing_submit()" id="register-submit" />

Javascript：

function login_existing_submit() {
    console.log(document.getElementById("email-address").value);            
}

Answer 1

试试这个

onclick="login_existing_submit();"

并将此 onclick 事件更好地分配给按钮而不是提交（不确定，但它的 gud）

Answer 2

如果这是表格，你就有麻烦了。因为在这种情况下，onclick 处理程序被调用，但表单也被提交。从您的代码来看，似乎没有问题。

我也做了一个小提琴。

Answer 3

您不能在 ID 中使用连字符。

<input type="email" name="email-address" value="" id="emailaddress" />

function login_existing_submit() 
{
    console.log(document.getElementById("emailaddress").value);            
}

工作小提琴。