如何在多个form中只提交当前的那个事件所在的那个form?

问题演示在：http://eyi.2156.cn/form.html

解决方案 »

  1.   

    <html>
    <head>
    <title>
    信息录入
    </title>
    <link  href="../css/public.css" rel="stylesheet" type="text/css"/>
    <script  language="javascript">
    function check(form)
    {      
    alert(form.name);
    return false;
    /*  var flag;
            flag=true;
            return true;
    */
     }
    function doSubmit(form){
      alert(form.name);
    }
    </script>
    </head>
    <body><form action="saveinfo.jsp" name="form1" onsubmit="return check(this);">
    <table align="center" border="0" cellpadding="0" cellspacing="0"  width="100%">
    <tr>
    <td colspan="4">
    <!--请在下面填写你需要的信息-->
    </td>
    </tr>
      
    <tr>
    <td colspan="8">&nbsp;人员登记表</td>
    </tr>
     
        <tr>
           
    <td align="center" colspan="2">性别</td>
    <td colspan="2">
    <input type="text" name="txtField1" value="" size="0" maxlength="16" />
                </td>
    <td align="center" colspan="2">姓名</td>
    <td colspan="2">
    <input type="text" name="txtField2" value="" size="0" maxlength="40" />
    </td>       
              </tr>
           
            
              <tr>
           
    <td align="center" colspan="2">健康状况</td>
    <td colspan="2">
             
                
             <input type="text" name="txtField5" value="" size="0" maxlength="16" />
                
    </td>
           
    <td align="center" colspan="2">出生年月</td>
    <td colspan="2">
             
                
             <input type="text" name="txtField6" value="" size="0" maxlength="20" />
                
    </td>
           
    </tr>
           
    <tr>
    <td colspan="8"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
          
    <td colspan="4">教育培训
     <!--子表数据 -->
    <form action="saveinfo.jsp" id="form10" name="form10" onsubmit="return check(this);" >
    <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                
    <tr>
    <td align="center">培训内容</td>
    <td>
                   
    <input type="text" name="txtSubField3" value="" size="0" maxlength="400" />
              
    </td>
                  
    <td align="center">培训时间</td>
    <td>
                   
             <input type="text" name="txtSubField4" value="" size="0" maxlength="20" />
              
                  </td>
                  
                  </tr>
                  
               <tr>
                 <td colspan="4" align="center">
                   <input type="button" name="btnok" value=".提交1."  onclick="doSubmit(form10)"/>
                   <input type="reset" name="btncancel" value=".重填1."/>
                   <input type="hidden"  name="Result" value="" />
              <input type="hidden" name="tableid" value="B000000028" />
            </td>
              </tr>
              </table>
            </form>
            </td>
            
             <td colspan="4">荣誉证书
               <!--子表数据 -->
              <form action="saveinfo.jsp" name="form20" onsubmit="return check(this);" >
              <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                
                <tr>
                
               <tr>
                 <td colspan="4" align="center">
                   <input type="button" name="btnok" value=".提交2."  onclick="doSubmit(form20)"/>
                   <input type="reset" name="btncancel" value=".重填2."/>
                   <input type="hidden"  name="Result" value="" />
              <input type="hidden" name="tableid" value="B000000029" />
            </td>
              </tr>
              </table>
            </form>
            </td>
            
            </tr>
            
                 </table>
            </td>
        </tr>
       
    <tr>
      <td colspan="8" align="center">
        <input type="button" name="btnok" value="提交数据" onclick="doSubmit(form1)" />
        <input type="reset" name="btncancel" value="重新填写"/>
        <input type="hidden"  name="Result" value="" />
        <input type="hidden" name="tableid" value="B000000027" />
      </td>
    </tr>
    </table>
    </form>
    </body>
    </html>
      

  2.   

    function doSubmit(form){//用参数指定要提交的表单.
      alert(form.name);
      form.submit();//提交表单
    }
      

  3.   

    还是不行，当在form10的那里，用onclick="doSubmit(form10);"结果出现form10未定义，为什么，能不能全用onclick或者onsubmit的方法？？
      

  4.   

    结果还是要出错，为什么？
    问题演示在：http://eyi.2156.cn/form.html
    <html>
    <head>
    <title>
    信息录入
    </title>
    <link  href="../css/public.css" rel="stylesheet" type="text/css"/>
    <script  language="javascript">
    function check(form)
    {
            return true;
           }
      }
     
      function doSubmit(form)
      {
        alert(form.name);
        }
      
    </script>
    </head>
    <body ><form action="saveinfo.jsp" name="form1" onsubmit="return check(this);">
    <table align="center" border="0" cellpadding="0" cellspacing="0"  width="100%">  <tr>
        <td colspan="4">
          <!--请在下面填写你需要的信息-->
        </td>
      </tr>
      
     <tr>
       <td colspan="8">&nbsp;人员登记表</td>
     </tr>
     
        <tr>
           
             <td align="center" colspan="2">姓名</td>
             <td colspan="2">
             
                
             <input type="text" name="txtField1" alt="A" value="" size="0" maxlength="40" />
                
             </td>
           
             <td align="center" colspan="2">性别</td>
             <td colspan="2">
             
                
             <input type="text" name="txtField2" alt="A" value="" size="0" maxlength="16" />
                
             </td>
           
              </tr>
           
           <tr>
            <td colspan="8">        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
          
             <td colspan="4">教育培训
               <!--子表数据 -->
              <form action="saveinfo.jsp" name="form10" onsubmit="return check(this);" >
              <table align="center" border="0" width="100%" cellpadding="0" cellspacing="0">
                
                <tr>
                
                  <td align="center">培训时间</td>
                  <td>
                   
             <input type="text" name="txtSubField1"  alt="A" value="" size="0" maxlength="20" />
              
                  </td>
                  
                  <td align="center">培训内容</td>
                  <td>
                   
             <input type="text" name="txtSubField2"  alt="A" value="" size="0" maxlength="300" />
              
                  </td>
                  
                 
               <tr>
                 <td colspan="4" align="center">
                   <input type="button" name="btnok" value=".提交." onclick="doSubmit(form10);"  />
                   <input type="reset" name="btncancel" value=".重填."/>
                   <input type="hidden"  name="Result" value="" />
              <input type="hidden" name="tableid" value="B000000028" />
            </td>
              </tr>
              </table>
            </form>
            </td>
            
                 </table>
            </td>
        </tr>
       
    <tr>
      <td colspan="8" align="center">
        <input type="button" name="btnok" value="提交数据" onclick="doSubmit(form1);"  />
        <input type="reset" name="btncancel" value="重新填写"/>
        <input type="hidden"  name="Result" value="" />
        <input type="hidden" name="tableid" value="B000000027" />
      </td>
    </tr>
    </table>
    </form>
    </body>
    </html>