在表单提交的时候过滤一些的数据、做一些必要的操作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作 方法一:
在表单提交的时候过滤一些的数据、做一些必要的操作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作
方法一:$ele.submit()
绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少
1
<div id="test">点击触发
<div>
1
2
3
4
5
6
$(
"ele").submit(
function(){
alert(
'触发指定事件')
})
$(
"#text").click(
function(){
$(
"ele").submit()
});
方法二:$ele.submit( handler(eventObject) )
绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
这样可以针对事件的反馈做很多操作了
1
2
3
<form id="target" action="destination.html">
<input type="submit" value="Go" />
</form>
1
2
3
$(
"#target").submit(
function() {
//绑定提交表单触发
//this指向 from元素
});
方法三:$ele.submit( [eventData ], handler(eventObject) )
使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
1
2
3
<form id="target" action="destination.html">
<input type="submit" value="Go" />
</form>
1
2
3
$(
"#target").submit(
11111,
function(data) {
//绑定提交表单触发
//data => 1111 //传递的data数据
});
原文:大专栏 submit事件