2017-03-02 59 views
0

我试图验证一个窗体与许多选择列表输入,但不工作,我想检查用户是否选择任何它,如果不显示错误消息。但没有工作。验证多个选择列表

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>"); 
      } 
     } 
+0

你尝试https://jqueryvalidation.org/? –

+0

有错误的运行代码? fidler,jsfidle什么? –

回答

0

以下是一些应该帮助的示例代码。

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>"); 
}