图片提交form表单

逸华

一个普通的form表单提交，post方式，提交按钮为,
图片提交form：
然后js有验证为：
//报名验证
function checksub(form){
if(条件){ //判断是否登录
showModeWindow(); //弹出登录框
return false;
}
if(条件){ //登录是否输入姓名
alert("请填写真实姓名!");
$("#realname").focus();
return false;
}
return ture;
}
就这样，就是登录必须登录，并且输入了姓名后，才能提交表单。项目正常用了一段时间，没任何问题，可是有一天，客户突然问题，为什么报名表中有一条数据没有用户姓名，我就觉得奇怪，就又返回测，怎么测，都会正常提交先登录，或是输入姓名。我百思不得其解。
所以，我都视这个问题为一灵异现象，直至今天，我的网速不好，我再次瞎点，真还发现我自己都提交了一报名信息。再试，再发一个问题，就是页面刚刚加载出提交按键时，我就点击那个提交按钮，这时，js会发生一个错误，但瞬间就没了，因为页面已经转到报名结果页面。呵，这家伙，这我才明白，原来，网速不好，页面加载慢，在页面刚加载到提交按钮时，我就点击提交，js验证到用户并未登录，所以执行showModeWindow（），可是此时，这个弹出框相关的东西还没有加载完毕，就会找不着相应对象，故产生js异常。而可罪恶的submit类型提交按钮，会忽略掉js异常，直接提交表彰。以后出理所谓的“灵异现象”。
于是，当即改之如下:
js改为：
function checksub(){
if(条件){ //判断是否登录
showModeWindow(); //弹出登录框
return;
}
if(条件){ //登录是否输入姓名
alert("请填写真实姓名!");
$("#realname").focus();
return;
}
$("#campaignFrom").submit(); //提交表单。
}
               
               
               

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u3/111264/showart_2162373.html