我想在 if 和 else if 中添加一個警報。如果用戶未在提示框中輸入任何內容，則會觸發警報。此外，如果用戶輸入一個數字，則提示會說用戶輸入了一個數字。怎么做？
let myForm2 = document.querySelector('.form2');
let pDisplay1 = document.querySelector('.display4');
myForm2.addEventListener('submit', function(e) {
e.preventDefault();
let uname = document.querySelector('.inputName2').value;
if (uname == null) {
} else if (isNaN(uname) == false) {
} else {
pDisplay1.innerHTML = `Welcome to the program ${uname}`;
}
})<p> Activity 6</p>
<form class="form2" method="get">
<label>Full Name: <input type="text" class="inputName2"></label>
<input type="submit">
</form>
<p class="display4"></p>uj5u.com熱心網友回復：
document.querySelector('.className').value 將回傳一個字串。
string.trim()洗掉空格，如果length === 0這意味著輸入為空或只有您通常希望視為空的空格。如果您認為空格是有效輸入，則不必使用 trim()。
號會將字串轉換為數字，否則您可以使用 parseInt(variable)。
Number.isInteger(variable) 如果變數是整數，將回傳 true。
你也可以寫!isNaN( uname)或 uname !== Number.NaN
myForm2.addEventListener('submit', function (e) {
e.preventDefault();
let uname = document.querySelector('.inputName2').value;
if (uname.trim().length === 0) {
alert('You should write something');
} else if (Number.isInteger( uname)) {
alert('You wrote a number');
} else {
pDisplay1.innerHTML = `Welcome to the program ${uname}`;
}
});
uj5u.com熱心網友回復：
空字串不等于 null，替換uname==null為，替換uname==''后可以識別用戶沒有輸入的情況，如果比較嚴格也可以用trim去掉空格再做條件審核
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/422546.html
標籤：