js 监听表单提交事件,防止表单重复提交
来源:互联网 发布:微信扫码群发营销软件 编辑:程序博客网 时间:2024/05/17 08:35
调用时用提交按钮click 事件,监听提交后按钮变灰可将监听事件单写函数 如下
$('#btn').click(function() {
var items = {
inputemail : [{type:'null', errMsg:zhffTip.langs.errTpl.noText.stringFormat('邮箱')}, {type:'email', errMsg: zhffTip.langs.errTpl.shippingAddress.stringFormat('邮箱')}],
inputname : [{type:'null', errMsg:zhffTip.langs.errTpl.noText.stringFormat('姓名')}, {type:'zhoren', errMsg: zhffTip.langs.errTpl.invalidName}],
};
return $('#addressEditForm').formCheck(items, {
errinfoFinder: function(obj) {
var tip = obj.next("span");
return tip;
},
});
});
//绑定监听事件
function addEventHandler(target,type,func){
if(target.addEventListener){
//监听IE9,谷歌和火狐
target.addEventListener(type, func, false);
}else if(target.attachEvent){
target.attachEvent("on" + type, func);
}else{
target["on" + type] = func;
}
}
function eventDis(e,btn){
$("#btn").attr("disabled",true); //按钮id
//e.preventDefault(); //阻止表单提交
}
window.onload = function(){
var bindEventBtn = document.getElementById("addressEditForm"); //form 表单id
addEventHandler(bindEventBtn,"submit",eventDis);
};
$(function(){
eventDis(e,$("#btn"));
})
$('#btn').click(function() {
var items = {
inputemail : [{type:'null', errMsg:zhffTip.langs.errTpl.noText.stringFormat('邮箱')}, {type:'email', errMsg: zhffTip.langs.errTpl.shippingAddress.stringFormat('邮箱')}],
inputname : [{type:'null', errMsg:zhffTip.langs.errTpl.noText.stringFormat('姓名')}, {type:'zhoren', errMsg: zhffTip.langs.errTpl.invalidName}],
};
return $('#addressEditForm').formCheck(items, {
errinfoFinder: function(obj) {
var tip = obj.next("span");
return tip;
},
});
});
//绑定监听事件
function addEventHandler(target,type,func){
if(target.addEventListener){
//监听IE9,谷歌和火狐
target.addEventListener(type, func, false);
}else if(target.attachEvent){
target.attachEvent("on" + type, func);
}else{
target["on" + type] = func;
}
}
function eventDis(e,btn){
$("#btn").attr("disabled",true); //按钮id
//e.preventDefault(); //阻止表单提交
}
window.onload = function(){
var bindEventBtn = document.getElementById("addressEditForm"); //form 表单id
addEventHandler(bindEventBtn,"submit",eventDis);
};
$(function(){
eventDis(e,$("#btn"));
})
0 0
- js 监听表单提交事件,防止表单重复提交
- js防止表单重复提交
- js防止表单重复提交
- JS防止表单重复提交
- js防止表单重复提交
- js防止重复表单提交
- js防止表单重复提交
- js防止表单重复提交
- js 防止表单重复提交
- js防止表单重复提交
- 防止表单重复提交
- 防止重复提交表单
- 防止表单重复提交
- 防止表单重复提交
- 防止表单重复提交
- 防止表单重复提交
- 防止表单重复提交
- 防止表单重复提交
- Android应用程序相关的文件目录详解
- leetcode-Anagrams
- Andorid——ubuntu下的 NDK / JNI
- [hdu 5051]2014上海网络赛 Fraction 数学 Benford's law/打表找规律
- android应用进程
- js 监听表单提交事件,防止表单重复提交
- java二叉树
- android ART虚拟机
- Java常用开源类库
- 第七周项目2-体重检测系统
- 【Hibernate】最简单的Hibernate工程——账号注册系统
- Dictionary这个对象在ASP还是很useful
- CRuby作为嵌入式脚本语言fclose()错误的妥协方案
- leetcode-Combination Sum II