type= image 表单重复提交问题

    采用<input type="image">标签时,如果未在<form action="***">实现表单提交的地址,而是采用该标签的.click(function(){})方法,进行ajax提交,此时可能出现重复提交的问题。


如:若没有给<form action="***">中的action幅值,在Google、IE等浏览器中,查看网页源代码时,会发现没有自动赋值,当在js中调用ajax提交url时,程序正常;而在360、火狐浏览器中,则会自动赋值为当前页面的地址,引起重复提交,程序跑不通!

解决方法:
    经查看<input type="image">标签的用法:

    不让其提交表单,需在在onclick 事件中添加一段“;return false;”的脚本,如下:<input type="image" name="imageField1" id="imageField1" src="../imp/_img_files/search.gif" οnclick="openTestList();return false;">

分析原因:在本例中,其实并没有采用提交表单,前台数据传送到后台是采用采用$("#id").val()利用ajax进行传送,故而必须关闭其提交表单的功能,否则会出项重复提交。

    在本例中的解决方法即是在click()函数后加上:return false;



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值