javascript - 无法读取未定义的属性 'value'

Question

我有一个像这样的简单表单:

<form method="post" id="login">

Username: <input type="text" value="" name="usr" />
Password: <input type="password" value="" name="pw"/>
<input type="submit" id="log" name="log" value="Login" style="width:250px;"/><br/>

</form>

但是我一直无法使用以下行读取我的 javascript 的属性:

var usr = login.usr.value;
var pw = login.pw.value;

我收到此错误的原因是什么？

Answer 1

尝试为您的表单命名并更改代码，如下所示:

<form method="post" id="login" name="login">

Username: <input type="text" value="" name="usr" />
Password: <input type="password" value="" name="pw"/>
<input type="submit" id="log" name="log" value="Login" style="width:250px;"/><br/>

</form>

以及你的 javascript 中的:

var usr = document.login.usr.value;

您可以查看here (jsfiddle link) .