JavaScript中无法获取input元素值，请求排查代码错误

核心错误点 #

• 获取输入值的方式完全错误：你用了setAttribute，但这个方法是用来给元素设置属性的（比如给input加disabled），获取输入框内容应该用.value属性。VSCode找不到这个属性大概率是代码写法错误导致DOM元素识别异常，.value本身是input元素的标准属性。
• 条件判断语法无效：if (evalue, pvalue, rpvalue === 4)这种写法不对，逗号运算符在这里只会返回最后一个表达式的结果，也就是只判断rpvalue ===4，而且你应该是想验证三个输入框的内容长度都满足要求（比如≥4）。
• 事件绑定错误：onload事件不能用在input和button上，input需要监听input事件（输入变化时触发），button的onload不会执行，应该在输入框内容变化时触发验证逻辑。
• 变量未实时更新：你现在的evalue等变量只在页面加载时赋值一次，之后输入框内容变化不会同步，应该每次执行验证函数时重新获取最新值。

修正后的代码 #

HTML部分（调整事件绑定）

<!-- 补全你原代码缺失的email输入框 -->
<div class="Email-Text">
    <input type="email" id="emailId" oninput="popup()">
</div>

<div class="Password-Text">
    <input type="password" class="pswd" id="passwordId" oninput="popup()">
</div>

<div class="Password-Text-Reconfirm">
    <input type="password" class="re-pswd" id="passwordreconfirmId" oninput="popup()">
</div>

<div class="next_page"> 
    <button disabled type="submit" id="nextButton">下一步</button>
</div>

JS部分（修正逻辑）

const email = document.getElementById('emailId');
const password = document.getElementById('passwordId');
const repassword = document.getElementById('passwordreconfirmId'); 
const nextBtn = document.getElementById('nextButton');

function popup() {
    // 实时获取三个输入框的内容长度
    const emailLen = email.value.length;
    const pwdLen = password.value.length;
    const repwdLen = repassword.value.length;

    // 判断三个输入框长度是否都≥4（可根据需求调整数值）
    if (emailLen >= 4 && pwdLen >= 4 && repwdLen >= 4) {
        nextBtn.removeAttribute('disabled');
    } else {
        nextBtn.setAttribute('disabled', 'disabled');
    }
}

// 页面加载时先执行一次，确保按钮初始状态正确
window.addEventListener('load', popup);

额外说明 #

• .value是input元素的标准属性，只要正确获取到DOM元素（比如document.getElementById返回有效的input节点），VSCode应该能识别。如果还是提示异常，可重启编辑器或检查代码上下文是否存在变量重名等问题。
• 按钮的disabled是布尔属性，只要存在就会禁用按钮，用nextBtn.disabled = true/false控制会更简洁，效果和setAttribute/removeAttribute一致。

内容的提问来源于stack exchange，提问作者Glow-coding