JS如何验证表单中有相同名称的字段

getElementByName("StepName")返回 控件集合  然后遍历

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
     <SCRIPT LANGUAGE="JavaScript">
     <!--
     function ChkHelpForm()
     {
     //如何判断表单中三个相同名称的字段是否输入了值？
     var objs = document.getElementsByName("StepName"); 
     if( objs[0].value == objs[1].value && objs[1].value == objs[2].value)
     {
    return true;
     }
     else
     {
    return false;
    }
    }
     //-->
     </SCRIPT>
     <FORM name="MyForm" METHOD=POST ACTION="" onsubmit='javascript:return ChkHelpForm();'>
        <input type='text' name='StepName'>
        <input type='text' name='StepName'>
        <input type='text' name='StepName'>
        <INPUT TYPE="submit" value="ok">
     </FORM>
    </body>
    </html>
      

  2.   

    document.getElementsByName("StepName"); 
      

  3.   

     <SCRIPT LANGUAGE="JavaScript">
     <!--
     function ChkHelpForm(){
          var checkTxt=getElementByName("StepName");
          for(var i=0;i<checkTxt.length;i++)
          {
             if (checkTxt[i].value == "")
             {
                //如何判断表单中三个相同名称的字段是否输入了值？
                alert("输入为空！");
                return false;
             }
         }
     //-->
     </SCRIPT>