submit事件

submit事件,第1张

概述在表单提交的时候过滤一些的数据、做一些必要的 *** 作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作 方法一:$ele.submit() 绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少 1

在表单提交的时候过滤一些的数据、做一些必要的 *** 作(例如:验证表单输入的正确性,如果错误就阻止提交,从新输入)此时可以通过submit事件,监听下提交表单的这个动作

方法一:$ele.submit()

绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少

                          1            
                          <@H_502_28@div ID="test">点击触发              <@H_502_28@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            
                          <@H_502_28@form ID="target" action="destination.HTML">                                        <@H_502_28@input type="submit" value="Go" />                                      </@H_502_28@form>            

                          1                                      2                                      3            
                          $(              "#target").submit(              function() {               //绑定提交表单触发                                          //this指向 from元素                                       });            
方法三:$ele.submit( [eventData ],handler(eventObject) )

使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题

                          1                                      2                                      3            
                          <@H_502_28@form ID="target" action="destination.HTML">                                        <@H_502_28@input type="submit" value="Go" />                                      </@H_502_28@form>            

                          1                                      2                                      3            
                          $(              "#target").submit(              11111,function(data) {               //绑定提交表单触发                                          //data => 1111 //传递的data数据                                      });            

原文:大专栏  submit事件

总结

以上是内存溢出为你收集整理的submit事件全部内容,希望文章能够帮你解决submit事件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1030789.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存