3 回答

TA貢獻2041條經驗 獲得超4個贊
input.value當輸入為空時不為空,它只是空字符串。
嘗試這個:
const input = document.querySelector("#input");
function myFunc() {
let name = input.value;
if (name == "") {
alert("PLEASE ENTER YOUR NAME")
} else {
alert('Hello' + ' ' + name);
}
};
<body>
<input placeholder="Enter your name" id="input">
<button id="btn" onclick="myFunc()">Click me!</button>
</body>

TA貢獻1777條經驗 獲得超3個贊
您還必須檢查空字符串。在實踐中,你永遠不會得到 input.value 的空值,但保守地編程也不錯
function myFunc(){
let name = input.value;
if(name==null || name.length == 0){
alert("PLEASE ENTER YOUR NAME")
} else{
alert('Hello'+' '+name);
}
};
或者你可以利用 Javascript 實現(xiàn) not (!) 運算符的出色功能,然后執(zhí)行以下操作:
function myFunc(){
let name = input.value;
if(!name){
alert("PLEASE ENTER YOUR NAME")
} else{
alert('Hello'+' '+name);
}
};

TA貢獻1794條經驗 獲得超7個贊
您需要測試空/空間,并且不建議使用內聯(lián)事件處理程序
document.getElementById("btn").addEventListener("click", function() {
const input = document.getElementById("input");
const name = input.value.trim();
alert(name ? 'Hello ' + name : 'Please enter your name')
});
<input placeholder="Enter your name" id="input">
<button type="button" id="btn">Click me!</button>
添加回答
舉報