2013-11-27 59 views
0

我试图通过选择displayResults表单中的元素来检查每个下拉列表是否选择了一个选项。不幸的是,无论是否选择了任何选项,表单都会提交给服务器。循环通过表单元素来验证选择类型

//Validates that form elements are not empty 
function validateForm() 
{ 
    for(var i=0; i < document.displayResults.elements.length; i++) 
    { 
     if(document.displayResults.elements[i].type=="select") 
     { 
      var test = document.displayResults.elements[i].value; 
      if(test = null || test == "") 
      { 
       alert("Please select appropriate options"); 
       return false; 
      } 

     } 
    } 
    return true; 
} 
+0

是'elements'选择标记的名称? – Ibu

回答

1

如何:

//Validates that form elements are not empty 
function validateForm() 
{ 
    var displayResults = document.getElementById("displayResults").elements; 
    for(var i=0; i < displayResults.length; i++) 
    { 
     if(displayResults[i].tagName=="SELECT") 
     { 
      var test = displayResults[i].value; 
      if(!test) //This is essentially the same way you did 
      { 
       alert("Please select appropriate options"); 
       return false; 
      } 

     } 
    } 
    return true; 
} 
+0

不幸的是它不起作用:( – zan

+0

@赞恩它在这里工作:http://jsfiddle.net/nullpotent/6CF3X/ – nullpotent