JavaScript中表单输入的值为空

当我试图检索表单中输入的文本时，结果为空

document.getElementById（“pass”）.addEventListener（“keydown”，function（））{
document.getElementById（“pass”）.style.backgroundColor=“#DFFEFE”；
});
document.getElementById（“pinCode”）.addEventListener（“keydown”，function（））{
document.getElementById（“pinCode”）.style.backgroundColor=“#DFFEFE”；
});
var pass=document.getElementById（“pass”）.value；
var pinCode=document.getElementById（“pinCode”）.value；
函数createCookie（）{
窗口。警报（通过）；
}

密码：



4位PIN:

必须在函数中使用如下值：

document.getElementById（“pass”）.addEventListener（“keydown”，function（））{
document.getElementById（“pass”）.style.backgroundColor=“#DFFEFE”；
});
document.getElementById（“pinCode”）.addEventListener（“keydown”，function（））{
document.getElementById（“pinCode”）.style.backgroundColor=“#DFFEFE”；
});
函数createCookie（）{
var pass=document.getElementById（“pass”）.value；
var pinCode=document.getElementById（“pinCode”）.value；
窗口。警报（通过）；
窗口警报（pinCode）；
}

密码：



4位PIN:

您应该在提交时获得值，而不是在加载js文件时。也可以使用onchange函数进行监听

var pass;
function createCookie() {
  pass = document.getElementById("pass").value;
  window.alert(pass); 
}

---

javascript代码应该是这样的

document.getElementById("pass").addEventListener("keydown", function () {
    document.getElementById("pass").style.backgroundColor = "#DFFEFE";

});
document.getElementById("pinCode").addEventListener("keydown", function () {
    document.getElementById("pinCode").style.backgroundColor = "#DFFEFE";
});


function createCookie() {
    var pass = document.getElementById("pass").value;
    var pinCode = document.getElementById("pinCode").value;
    alert(pass)
}

---

将变量放入函数中。与最初加载页面时一样，它们的值将为null，您不会重新为它们分配值。

因此，要么在

键下更改它们的值，要么在
上设置它们的值，单击

function createCookie() {
  var pass = document.getElementById("pass").value;
  var pinCode = document.getElementById("pinCode").value;
  window.alert(pass);
}

检查代码段


document.getElementById（“pass”）.addEventListener（“keydown”，function（））{
document.getElementById（“pass”）.style.backgroundColor=“#DFFEFE”；
});
document.getElementById（“pinCode”）.addEventListener（“keydown”，function（））{
document.getElementById（“pinCode”）.style.backgroundColor=“#DFFEFE”；
});
函数createCookie（）{
var pass=document.getElementById（“pass”）.value；
var pinCode=document.getElementById（“pinCode”）.value；
窗口。警报（通过）；
}

密码：



4位PIN:




var pass=document.getElementById（“pass”）.value
这将在页面最初加载时设置pass，因此它将为空，您需要在keydown事件侦听器中更新
pass
，或者检索
createCookie
中的值这是否回答了您的问题@没有，因为它使用JQuery。我想要一个严格的JS解决方案。是的，它很有效。但是，为什么呢？函数外部定义的变量在函数内部也可用吗？还是我错了？因为在加载页面上的函数捕捉值之外，在函数中只有当你按下按钮。哦，好的，这很有意义，谢谢。如果允许，将接受答案。没问题：）下一个问题见。