Question

以下是我的HTML表单

<form accept-charset="utf-8" onsubmit="return check()">
    <input placeholder="Enter Username" type="text" id="user">
    <input placeholder="Enter Your Password" type="password" id="pass">
    <button>Login</button>
</form>

这是我在head部分使用的JavaScript：

<script type="text/javascript">
    function check()
        {
            var ll = document.getElementById("user").innerHTML;
            alert(ll);
            return false;
        }
</script>

代码的问题在于，无论何时我在用户字段中放置一个值，然后单击登录按钮，JS代码就会执行，但它始终显示我创建的var ll中的空白值。为什么这样，即使我的语法也很完美。该代码昨天工作正常，但今天我正在使用相同的代码，它显示空白值。为什么这样？

Answer 1

使用value属性而不是InnerHTML。

Answer 2

function check()
        {
            var ll = document.getElementById("user").value;
            alert(ll);
            return false;
        }

<form accept-charset="utf-8" onsubmit="return check()">
    <input placeholder="Enter Username" type="text" id="user">
    <input placeholder="Enter Your Password" type="password" id="pass"/>
    <button>Login</button>
</form>

Answer 3

试试这个

   document.getElementById("user").value;

innerHTML仅用于编写

Answer 4

你应该使用document.getElementById（＆＃34; user＆＃34;）。value;获取在输入字段中输入的值。

document.getElementById（＆＃34; user＆＃34;）。innerHTML将获取元素的文本内容，例如，示例文本

document.getElementById（＆＃34; sampletxt＆＃34;）。innerHTML将显示＆＃34; SAMPLE TEXT＆＃34;。

希望这有帮助！

Answer 5

<input>标记是自动关闭的，因此没有innerHTML属性，您可以通过适当命名的value属性获取输入字段的值。

当你考虑它时，这是有道理的，但要等到你开始使用<textarea>标签......

JavaScript即使使用正确的语法后仍显示空白值

5 个答案: