验证多选列表

Question

我正在尝试验证一个具有许多选择列表输入的表单，但不起作用，我想检查用户是否选择了其中的任何一个，如果没有选择，则显示错误消息。但不起作用。

 if(input_select.length > 0){
            for(var i=0; i< input_select.length; i++){
                if (input_select[i]+':selected'){
                    temp = temp+1;
                }
            }



            if(temp === 0){
                isValid = false;
                $('.error-list').append("<li class='error'><i class='fa fa-angle-right'></i>Required select list fields</li>");
            }
        }

Answer 1

下面是一些应该会有帮助的示例代码。

HTML

<select id="my-select-box">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<ul id="error-list"></ul>

JavaScript

var selectObject = document.getElementById('my-select-box');
if (selectObject.options.selectedIndex == 0) {
    isValid = false;
    $('#error-list').append("<li class='error'><i class='fa fa-angle-right'></i>Required select list fields</li>");
}