提交表单同时上传文件(小结)

昨天,在做项目的时候遇到了个问题,事实上是一个不起眼的小错误,可是当时我和一个伙伴就此郁闷了半天.我们做的是一个表单提交同时上传文件的功能,测试的时候虽然提交成功,数据写进了数据库,文件也成功上传了,可是我的CPU(哈哈还是双核的哦)使用率由百分之十几一下就涨到百分之六十多,而且一直维持在这个状态下.如果再一次提交表单,CPU的使用率百分百全被占用了,这时我不得不关掉Tomcat服务器,CPU的使用率才恢愎到正常的水平.其实我在前天做这个功能测试的时候是没有出现这种情况的,昨天为了完善一下表单的校验,在原来那个JSP页面上加了一段javascript表单的校验代码如下:
< script  type="text/javascript" >
function checkTeacher(){
if (document.form1.teacherId.value=="") {
alert("请输入登陆名！");
document.form1.teacherId.focus();

}
else if (document.form1.name.value=="") {
alert("请输入真实姓名！");
document.form1.name.focus();
}
else if (document.form1.bDate.value=="") {
alert("请输入出生日期！");
document.form1.bDate.focus();
}
else if (document.form1.studs.value=="") {
alert("请输入学历！");
document.form1.studs.focus();
}
else if (document.form1.fun.value=="") {
alert("请输入职称！");
document.form1.fun.focus();
}
else if (document.form1.tel.value=="") {
alert("请输入电话号码！");
document.form1.tel.focus();
}
else if (document.form1.email.value=="") {
alert("请输入E-Mail！");
document.form1.email.focus();
}
else if (document.form1.File.value=="") {
alert("请输入文件路径！");
document.form1.File.focus();
}
    else{
   document.form1.submit();
}
}
</script>.
当时JSP页面的提交按钮标签属性是这样写的<input type="submit" name="submit" value="提交" onclick="checkTeacher()">.接着我就开始了测试,一测试就出现了上面说的那个问题,而且更有趣的是有些表单的文本域,我故意不填值进去,然后提交了表单,当弹出了一个消息框之后,它居然还能提交成功(正常的话光标会定位到第一个出现空值的文本域里,同时会取消表单的提交),当然了也避免不了发生上面说的那种异常占用CPU的情况了.如果你有经验,或者遇到过类似的问题,也许在我写的代码里看到了一些疑点,但不知道你们有没有猜对呢,下面就让我一一揭开迷底吧,后来经过了好多次的疑点筛选和测试之后,我们把疑点定位到JSP页面的提交按钮标签属性上,最后修改为这样:<input type="button" name="bnt" value="提交" onclick="checkTeacher()">.哈哈终于成功啦,就在那一刻我们俩异口同声的说了一句---"不会吧!".然后开心的笑了!有时候感觉写程序会很累,因为一天到晚对着电脑,然而还是那么的心甘情愿.当每次看自己写的程序成功跑起来的时候,我想作为每个程序员都会非常享受其中,它能让你顿时信心加百,同时内心也会有一种说不出的满足感,也许这就是程序的魅力所在吧,分享到止告一段落,接着会陆续有来,只要我还在这一行里奋斗,同时也希望能看到你们的感受与我分享.

评论

2 楼 birch 2008-09-07  

谢谢这位朋友的回答,如果加上return false ;也会出现上述问题,只要不要把:<input type="button" name="bnt" value="提交" onclick="checkTeacher()">.里面type和name的属性值设置成"submit",就一切正常了,即使不加return false ;也可以.

1 楼 vb2005xu 2008-09-07  

js 写错了 提交验证 加上 return false ;