如何使用javascript制作验证选择选项

Question

我尝试使用 javascript 进行验证，但如果我将该字段留空，则会出现一些问题，它会显示消息，然后在列表中选择一个项目，但它现在显示一条空消息，并且不会执行该操作。 如果我单击该按钮两次，它将进入低谷

我放了一些代码：

• html :

   <select name="condition[]" class="search_test col-sm-6 form-control condition" style="line-height: 34px;" oninput="InvalidCondition(this)" oninvalid="InvalidCondition(this)" required> <option value="" selected="selected" disabled>Select Condition...</option> <?php foreach ($condition as $c) : ?> <option value="<?= $c; ?>"><?= $c; ?></option> <?php endforeach ?> </select>

• Javascript :

   function InvalidCondition(select) { if (select.value === "") { select.setCustomValidity("Please select an item"); } else { select.setCustomValidity(""); } }

• 图片 ：

Answer 1

你需要那里的else条件吗？

在没有看到上下文的情况下，这是否有效：

function InvalidCondition(select) {
  if (select.value === "") {
    select.setCustomValidity("Please select an item");
  } 
}

编辑：

如果您提供链接或更多代码（可能是 Codepan）会有所帮助。 与此同时，这对你有用吗：

function InvalidCondition(select) { 
  if (select.value === "") { 
    select.setCustomValidity("Please select an item"); 
  } else { 
    select.setCustomValidity(`${select.value}`); 
  } 
}