我想在 if else 语句中添加一个警报。我怎么做？

Question

我想在 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>

Answer 1

document.querySelector('.className').value 将 return 一个字符串。

string.trim() 删除 whitespaces，如果 length === 0 表示输入为空或只有 whitespaces，您通常想要处理作为空。如果您认为 space 是有效输入，则不必使用 trim().

+ 号会将字符串转换为数字，否则您可以使用 parseInt(variable)。

如果变量是整数，

Number.isInteger(variable) 将 return 为真。

你也可以写成!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}`;
    }
});

Answer 2

空字符串不等于null，将uname==null替换为uname==''，替换后可以识别用户没有的情况input，如果比较严格，也可以用trim去掉whitespace然后做condition review

我想在 if else 语句中添加一个警报。我怎么做？

I want to add an alert in the if else statement. How do I do that?

html

javascript

web