使用js提交表单时，表单被提交了2次

Question

function sum(url) 
{ 
        document.form1.action= "admin/login"; 
        document.form1.submit(); 
} 
以上是js代码
<input name="input" type="image" src="images/img_4.gif" " onclick="return sum()"/>
这是提交按钮，表单名为form1
以上为关键代码，如果需要看整体我一会再发

Answer 1

这是完整的form代码
<form  method="post" name="form1">
     <s:token></s:token>
      <div class="box_1" >
        <div class="left_title">会员中心</div>
        <table width="184" border="0" cellspacing="0" cellpadding="0" style="font-size: 13px;" height="105">
          <tr>
            <td width="32%" height="37" valign="middle">用户名：</td>
            <td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td width="68%" valign="middle">
              <input type="text" name="admin.name"  class="input_1"/>
            </td>
          </tr>
          <tr>
            <td height="37" valign="middle">密　码：</td>
            <td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td valign="middle">
              <input type="password" name="admin.pwd"  class="input_2"/>
            </td>
          </tr>          <tr>
            <td colspan="7">
            <center>
              <input name="input" type="image" src="images/img_4.gif" " onclick="return sum()"/>
              <input name="input" type="image" src="images/img_5.gif" style="margin:0 10px;" onclick="registe()"/>
             </center>
            </td>
          </tr>
        </table>
      </div>
       <h5><a href="back/login.jsp">后台管理 </a></h5> 
      </form>

Answer 2

以前我也遇到过，后来把input 的type类型改为submit就只提交了一次。但是为什么会出现提交2次的情况呢？

Answer 3

function sum(url) 
{ 
document.form1.action= "admin/login"; 
document.form1.submit(); 
} 
<input name="input" type="image" src="images/img_4.gif" " onclick="return sum()"/>
JS的函数中有参数 你调用的时候没有参数能执行通过？ 把onclick="return sum()"/改成onclick="sum('url')"/试试。。如果不行 你把name="input"写成别的。。

Answer 4

按钮用button。submit在套上事件，就是2次提交了

Answer 5

onclick="sum()"试试还有为什么不这么写？
<img src="images/img_4.gif" onclick="sum()"/>感觉你原来多一个双引号

Answer 6

type="image" 跟type="submit"功能一样，都是提交，只不过是图片形式罢了。所以当你点击的时候表单当然会提交，js也会帮你提交一次。所以就两次喽。

Answer 7

　　非常感谢大家的热心帮助，但是我要说明，情况不是这样的，因为在这之间我有引用JQuery的js文件，所以当我每次刷新主页的时候都会弹出提示有表单信息，是否继续使用，后来我把引用删除了，就没有出现点击提交出现两次提交这种情况。
    所以跟热心帮助我的朋友们说一声，问题的症结不在type=image身上。type=image调用函数也不会提交2次。还有我的js写的时候是带了参数的，但是用的时候根本没有，在此也向大家说明，只是我不知道为什么即使点击图片的时候所使用的函数没有参数，但是依然会调用有参数的函数，这也算是小小的疑惑吧，如果以后我知道问题出在哪里再来补上。

Answer 8

$("#last").get(0).onclick=function(){
goPage(pageBean.totalPage)
};将你的事件写成这样，就没有问题了！