if 函数中的许多条件在 JavaScript 中不起作用

Question

我的模板中有 3 个字段。如果每个字段都没有填写（必须全部填写），我希望用户看到一条错误消息。

我的模板如下所示：

<input type="text" name="category" class="form-control form-control-emphasized" id="category" placeholder="Wpisz kategorie..." maxlength="200" required>
<input type="text" name="name" class="form-control form-control-emphasized" placeholder="Wpisz nazw?..." maxlength="200" required id="id_name">
<textarea name="description" cols="40" rows="3" class="form-control form-control-emphasized" placeholder="Napisz par? s?ów na temat sprzedawanego produktu..." required id="id_description">
</textarea>
<button onClick="stepThird()">Next step</button>

我的 JavaScript：

  function stepThird() {
  var valueCategory = document.getElementById('category');
  var valueName = document.getElementById('id_name');
  var valueDescription = document.getElementById('id_description');
  if (valueCategory.value.length < 2 && valueName.value.length < 2 && valueDescription.value.length < 2 ) {
    alert('All 3 fields must be longer than 2 characters');
  } else {
  alert('Ok, you can go to the next step')
  }}

*嵌入onClick

但是我的功能不能正常工作。当用户只完成一个字段时，他将其传递到下一步。为什么？&&- 表示所有字段必须长于 2 个字符，否则应开始显示错误消息。为什么这不能正常工作？

Answer 1

实际上你应该||输入你的条件，因为你的条件只有在所有输入都没有完成并且用户完成其中任何一个时才会满足，条件不会让你设置错误代码，从而让他/她继续。