如何顯示兩個字段爲空時的錯誤消息javascript/jquery？

Question

如何僅在兩個域都爲空時使用javascript或jquery顯示錯誤信息。例如，用戶可以輸入Zipcode或從下拉菜單中選擇一個狀態。如果用戶不選擇任何一個，那麼應該顯示錯誤。

Answer 1

您可以通過document.getElementById("id").value

function Validate() { 
 
    var zip = document.getElementById("zip").value; 
 
    var state = document.getElementById("state").value; 
 
    
 
    if(zip == "" && state == 0) { 
 
    document.getElementById("error").innerHTML = "Error message"; 
 
    } 
 
    else { 
 
    document.getElementById("error").innerHTML = ""; 
 
    } 
 
}

<input type="text" id="zip"> 
 
<select id="state"> 
 
    <option value="0">Select a state</option> 
 
    <option value="State 1">State 1</option> 
 
    <option value="State 2">State 2</option> 
 
    <option value="State 3">State 3</option> 
 
    <option value="State 4">State 4</option> 
 
</select> 
 
<p id="error"></p> 
 
<button onclick="Validate()">Submit</button>

注意得到元素的值：您可以禁用元素時另一種是採用document.getElementById("id").disabled = true;