驗證選擇元素輸入的正確方法

Question

驗證是否在下拉列表中選擇了一個選項的正確方法是什么？ 我有一些選擇元素（字段集），這些元素設置為不顯示，而其他元素則可見。 我只想驗證可見的，否則表單將不會提交。

例如：

<fieldset id="a1_1">
  <select name="a1_1">
     <option value="" selected="selected">Select Age</option>
     <option value="1">1</option>
     <option value="2">2</option>
  </select>
</fieldset>

<fieldset id="a1_2" style=" display: none;">
  <select name="a1_2">
     <option value="" selected="selected">Select Age</option>
     <option value="1">1</option>
     <option value="2">2</option>
  </select>
</fieldset>

<fieldset id="a2_1">
  <select name="a2_1">
     <option value="" selected="selected">Select Age</option>
     <option value="1">1</option>
     <option value="2">2</option>
  </select>
</fieldset>

<fieldset id="a2_2" style=" display: none;">
  <select name="a2_2">
     <option value="" selected="selected">Select Age</option>
     <option value="1">1</option>
     <option value="2">2</option>
  </select>
</fieldset>

我正在嘗試這樣的事情，沒有任何運氣：

var x = document.forms["x"]["a1_1"].value;
    if (x == null || x == "")
    {
        alert("Age must be selected");
        return false;
    }

Answer 1

在您的情況下，我將更改為：

x = $('select[name="a1_1"]').val();//get the value in jquery

if(x!=1 || x!= 2 || !x)

有用的鏈接

Answer 2

使用jquery，您可以嘗試如下操作：

if ($("select[name=a1_1]").val().length <= 0)
{
    alert("Age must be selected");
    return false;
}

並將其用於其他人，這將解決您的問題。

Answer 3

我會做這樣的事情：

<fieldset id="a1_1">
  <select name="a1_1" errorMessage="Age must be selected">
     <option value="0" selected="selected">Select Age</option>
     <option value="1">1</option>
     <option value="2">2</option>
  </select>
</fieldset>

//Catch submit form event
$('form').submit(function(){
    //Go through all select elements of the form
    $(this).find('select').each(function(){
        //Validate the selected value
        if($(this).val() === "0")
        {
            //Display the defined error message if needed
            var msg = $(this).attr('errorMessage');
            alert(msg);
            //And return false to invalidate the form submission
            return false;
        }
    });
});

Answer 4

它不起作用，因為您有兩個id / name為a1_1 ，請嘗試給字段集賦予不同的id