关于用JavaScript拦截form的submit方法实现
程序员文章站
2022-04-22 11:58:16
...
关于用JavaScript拦截form的submit方法实现
Posted on 2006-12-23 10:37 winder
近期遇到需要用JS脚本统一拦截一下页面中form的submit方法以在页面隐式提交时修改请求URL简单实现如下:
var oldSubmit;
var form = document.forms[0];
if(form != null && form != 'undefined'){
//备份submit函数
form.oldSubmit = form.submit;
//覆盖submit函数以实现拦截
form.submit = function (){
//提交前做的操作..
//掉原函数来提交
form.oldSubmit();
}
}
上面的代码在页面载入时先执行就会实现拦截,对显示的用submit按钮来提交的可以监控onsubmit事件来实现,这个方法很多没什么太大问题。
Posted on 2006-12-23 10:37 winder
近期遇到需要用JS脚本统一拦截一下页面中form的submit方法以在页面隐式提交时修改请求URL简单实现如下:
var oldSubmit;
var form = document.forms[0];
if(form != null && form != 'undefined'){
//备份submit函数
form.oldSubmit = form.submit;
//覆盖submit函数以实现拦截
form.submit = function (){
//提交前做的操作..
//掉原函数来提交
form.oldSubmit();
}
}
上面的代码在页面载入时先执行就会实现拦截,对显示的用submit按钮来提交的可以监控onsubmit事件来实现,这个方法很多没什么太大问题。
上一篇: PHP 性能优化技巧_PHP教程
推荐阅读
-
用javascript实现页面打印的三种方法
-
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
-
JavaScript在form表单中使用button按钮实现submit提交方法
-
用Json实现PHP与JavaScript间数据交换的方法详解
-
Javascript实现跨域后台设置拦截的方法详解
-
JavaScript实现动态添加Form表单元素的方法示例
-
用原生JavaScript实现jQuery的$.getJSON的解决方法
-
徒手实现关于JavaScript的24+数组方法
-
用Json实现PHP与JavaScript间数据交换的方法详解_PHP
-
JavaScript在form表单中使用button按钮实现submit提交方法