如何使用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}`); 
  } 
}