如何根據單選按鈕的選擇更正驗證？

Question

我有一個驗證場景，其中有兩個單選按鈕。 然后我有兩個輸入文本字段。

如果選擇了第一個單選按鈕，則用戶只需在第一個字段中輸入數據。 如果第二個單選按鈕是 select，則用戶必須在第一個字段中輸入數據，在第二個字段中輸入日期。

現在頁面加載時默認選擇第一個單選按鈕。 如果用戶在選擇任一按鈕的情況下未在第一個字段中輸入任何內容，則在提交時會出現驗證錯誤。

現在，如果選擇了第二個單選按鈕並且用戶在第一個字段中輸入數據並且沒有在第二個字段中輸入日期，則會發生驗證錯誤。

我遇到的問題是，如果用戶在第一個字段中輸入數據但未在第二個字段中輸入日期，則選擇第一個按鈕時，會發生驗證錯誤。 這不應該發生。 如果選擇了第一個按鈕，則出現驗證錯誤的唯一方法是在第一個字段中輸入了不正確的數據，或者在第一個字段中沒有輸入數據。 用戶不需要在第二個字段中輸入日期。 那么如何編寫 JavaScript 來反映這些條件呢？

這是 jsfiddle 的鏈接： http://jsfiddle.net/rnnzn/

Answer 1

這很麻煩，而且它似乎在那里不起作用。

我認為您認為無線電輸入的工作方式與它們不同。 不要檢查控件名稱的值，檢查是否檢查了特定的收音機。

前任：

if(document.getElementById('myform').radioName[0].checked){
  //validate based on first radio selection
}eles{
  //validate based on second radio selection
}

要記住的重要部分是收音機和復選框是 arrays，它們不像文本和 select 輸入那么容易處理。