`
anson_xu
  • 浏览: 502231 次
  • 性别: Icon_minigender_1
  • 来自: 惠州
社区版块
存档分类

动态添加表单2

JSPJavaScriptCacheHTML 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My JSP 'uploadpic.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
  <style>
   #tab td{
    font-size: 12px;
   }
   
   .td1{
    border-bottom: 1px solid #E1E1E1;    
    padding: 3px;  
       
   }
   .td2{
    border-right: 1px solid #E1E1E1;
     
   }
  </style>
  </head>

   <script type="text/javascript">
   function trim(str)  
{  
     var par   =   /^\s+/;  
     var strRes   =   str.replace(par,'');
          par   =   /\s+$/;  
          strRes   =   strRes.replace(par,'');                     
     return   strRes;      
}
    function mysubmit()
    {
    var fpic=document.getElementsByName("fpic");
  for(var i=0;i<fpic.length;i++)
  {
   if(fpic[i].value=="")
   {
      alert("?腢猁奻腔");
      return false;
   }
   var pic=fpic[i].value.substring(fpic[i].value.length-3).toUpperCase();
   if(trim(pic)== "JPG"||trim(pic)=="GIF")
       {
       }else
       {
        alert ("?腢JPG﹜GIF跡宒腔奻");
         return false;
       } 
  }
     document.myfrom.action="upload_save.jsp";
    }
   </script>
 <body  >
    <form action="" onSubmit="return mysubmit();" name="myfrom" method="post" enctype="multipart/form-data">
    <input type="hidden" name="fid" value=""/>
    <table width="100%" border="1" cellpadding="0" cellspacing="0">      
      <tr>
        <td valign="top" height="" style="padding-left: 0px; padding-top: 0px;">
       <table id="tab" width="100%" cellpadding="0" cellspacing="0">
      <tr>
       <td class="td1 td2">描述</td>
       <td class="td1 td2">备注</td>
       <td class="td1 td2">文件路径</td>
       <td class="td1 td2">是否发布</td>
       <td class="td1">操作</td>
      </tr>
      <tr>
       <td><input name="fdesc" style="width: 200px;"/></td>
       <td><input name="fremark" style="width: 200px;"/></td>
       <td><input type="file" style="width: 200px"  name="fpic"/></td>
       <td align="center"><input type="checkbox" onClick='mychange(this)' name="fpublish" checked="checked" value="1"/><input name="fpublish1" value="1"/ type="hidden"></td>
       <td>
       <input type="button" style="width: 80px" onClick="myAddRow()" value="添加列"/></td>                                 
      </tr>
      
     </table>
       </td>
       <tr>
        <td align="center"><br/><input type="submit" style="width: 80px" value="上传"/></td>
       </tr>
      <tr><td height="6" background="../styles/advanced/images/section/td1_bottom.gif"></td></tr>
      </table>    </td>
            <td width="7" background="../styles/advanced/images/section/section_middle_right.gif"></td>
          </tr>
          </table>
          </td>
        </tr>
        </table>
   
     
    </form>
    <script type="text/javascript">
     function myAddRow()
     {
      var tr=tab.insertRow();
      var td=tr.insertCell();
      td.innerHTML="<input name='fdesc' style='width: 200px'/>";
      td=tr.insertCell();
      td.innerHTML="<input name='fremark' style='width: 200px'/>";
      td=tr.insertCell();
      td.innerHTML="<input type='file'  style='width: 200px' name='fpic'/>";
      td=tr.insertCell();
      td.align="center";
      td.innerHTML="<input type='checkbox' onClick='mychange(this)' checked='checked' name='fpublish' value='1'/><input name='fpublish1' type='hidden' value='1'/>";
      td=tr.insertCell();
      td.innerHTML="<input type='button' style='width: 80px' onclick='myDeleteRow(this)' value='Delete'/>";
     }
     function myDeleteRow(btn)
     {
      btn.parentNode.parentNode.removeNode(btn);
     }
     
     function mychange(btn)
     {
      if(btn.checked==true)
   {
       btn.parentElement.children[1].value="1";
   }else
   {
       btn.parentElement.children[1].value="0";
      }
     }

     
    </script>
  </body>
</html>

分享到：
| 处理select框盖住div问题和可输下拉单实现
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics