2008年5月13日星期二

相册程序中的表单检查

<script language="JavaScript" type="text/javascript">
<!--
function checkForm(){
    var filename=document.getElementById("photos").value;
    if(filename==""){
        alert("请先选择要上传的照片后再确定上传!");
        return false;
    }else{
        if(!IsImageName(filename)){
            alert("只允许上传jpg、jpeg、png形式的图片!");
            return false;
        }
    }
    return true;
}
function IsImageName(filename){
    var regex=/^.*(\\|\/)[^\.]+.(jpg|png|jpeg)$/
    var splitted=filename.match(regex);
    if(splitted==null)
        return false;
    return true;
}
//-->
</script>

 

<form action="../servlet/PhotoUpload" method="post" enctype="multipart/form-data" name="form1" id="form1" onsubmit="return checkForm();">
  <table width="67%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td>选择文件</td>
      <td><input type="file" name="photos" id="photos" /></td>
    </tr>
    <tr>
      <td valign="top">照片说明</td>
      <td><textarea name="description" id="description" cols="36" rows="3"></textarea></td>
    </tr>
    <tr>
      <td colspan="2"><center>
        <input name="btnSubmit" type="submit" id="btnSubmit" value="上传" />
      </center>
      </td>
      </tr>
  </table>
  </form>

2 条评论:

  1. 如果只是在这个页面做了检查,肯定是不行的。我可以本地构造一个表单,action到远程服务器

    回复删除
  2. 呵呵,我当然会在服务器再次进行检查。你看我的程序都是两次检查的

    回复删除