驗證兩個選擇框

Question

嗨，大家好，我需要兩個選擇下拉框的JavaScript編碼，都是語言下拉列表。
我需要條件的驗證函數是

1. 這兩個框都不應該在默認select選項中，
2. 這兩個框不應具有相同的值
3. 用戶無法添加第二語言而不添加第一語言（我已經有此代碼，請參見下面的代碼）

html代碼：

<select name="language1">
  <option value='Select' selected="selected">Select </option>
  <option value='Bengali'>Bengali </option>
  <option value='Gujarati'>Gujarati </option>
  <option value='Hindi'>Hindi </option>
</select>

<select name="language2">
  <option value='Select' selected="selected">Select </option>
  <option value='Bengali'>Bengali </option>
  <option value='Gujarati'>Gujarati </option>
  <option value='Hindi'>Hindi </option>
</select>

這個javascript是我添加的：

/* if regional language 2 filled without filling language1 then raise an error... */
if (document.f_edit_shop.language1.value) { }
else { 
  if (document.f_edit_shop.language2.value) { 
    document.getElementById("validationMessage").innerHTML=
      "&nbsp;<font color='#FF0000'>Error: </font> You can not select Language 2 
      without selecting Language 1 !";
    popup('validationPopup');
    language2.focus();
    return false;
  } 
}

我也需要這個腳本。 。 。

Answer 1

var lng1 = document.f_edit_shop.language1;
var lng2 = document.f_edit_shop.language2;
var errBox = document.getElementById("validationMessage");

function validate() {
  errBox.innerHTML = '';

  if (lng1.selectedIndex !== 0 || lng2.selectedIndex !== 0)
    errBox.innerHTML += 'Select an option for both boxes<br>';

  if (lng1.selectedIndex === 0 && lng2.selectedIndex !== 0)
    errBox.innerHTML += 'Select a language for first box<br>';

  if (lng1.selectedIndex === lng2.selectedIndex)
    errBox.innerHTML += 'You can\'t select same language twice<br>';
}