gpt4 book ai didi

javascript - 检查用户输入是否为空

转载 作者:行者123 更新时间:2023-12-02 02:18:34 24 4
gpt4 key购买 nike

我在检查输入字段是否为空时遇到了一些麻烦,当它为空时我想将其恢复为 h1 标记中的内容。

<body>
<h1>Enter Your Username</h1>
<input type="text" id="username" />
</body>

const input = document.querySelector("input");
const h1 = document.querySelector("h1");

input.addEventListener("input", (e) => {
h1.innerText = `Welcome ${input.value}`;
});

if (input.length === 0) {
h1.innerText = "Enter Your Username";
}

最佳答案

输入没有长度属性。您的意思可能是:

if (input.value.length === 0) {
h1.innerText = "Enter Your Username";
}

或者没有空格:(感谢 Roko )

if (input.value.trim().length === 0) {
h1.innerText = "Enter Your Username";
}

关于javascript - 检查用户输入是否为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66786436/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com