专栏首页Devops专栏jquery 绑定事件 - submit() 用户递交表单

jquery 绑定事件 - submit() 用户递交表单

事件函数列表

blur() 元素失去焦点
focus() 元素获得焦点
click() 鼠标单击
mouseover() 鼠标进入(进入子元素也触发)
mouseout() 鼠标离开(离开子元素也触发)
mouseenter() 鼠标进入(进入子元素不触发)
mouseleave() 鼠标离开(离开子元素不触发)
hover() 同时为mouseenter和mouseleave事件指定处理函数
ready() DOM加载完成
resize() 浏览器窗口的大小发生改变
scroll() 滚动条的位置发生变化
submit() 用户递交表单

submit() 用户递交表单

这个submit()函数是在form表单点击submit按钮的时候默认可以触发的。 为什么需要触发这个submit()事件呢? 原因就是很多时候表单的提交并不能使用原生的submit按钮直接提交表单,而是需要触发一个事件,在这个事件处理验证完毕数据,最后在使用ajax进行异步提交处理较好。

应对这样的情况,就需要使用submit()函数了。

那么下面简单一些演示,就是写一个简单的表单,然后禁止默认的submit提交,alert()出文本框的值出来。

首先二话不说写一个表单先

点击原生的submit,如下:

可以看到,如果直接用原生的submit提交,就无法校验这两个文本框输入的内容是否正常。 或者简单点就是是否空字符串。

禁用原生的submit事件

注意:该事件只适用于 <form> 元素。 submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。

下面来禁止submit提交到百度页面,如下:

这样就可以阻止直接submit了,可以在function里面进行操作完毕,然后再使用ajax进行提交。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Python综合小应用 —— 胖子老板香烟管理系统

    胖子老板:太多香烟了,帮我开发一个管理系统用用吧。 肥仔白: 好吧,看在天天在这里买槟榔的份上。

    Devops海洋的渔夫
  • Locust + python + influxdb + grafana 展示性能压测QPS图表

    在使用locust压测的时候,如果使用web则可以查看到QPS压测过程的曲线图。而如果使用no web模式启动,则只有一些打印的日志可以查看。

    Devops海洋的渔夫
  • Python 多线程 - 同步、互斥锁、死锁、银行家算法

    如进程、线程同步,可理解为进程或线程A和B一块配合,A执行到一定程度时要依靠B的某个结果,于是停下来,示意B运行;B执行,再将结果给A;A再继续操作。

    Devops海洋的渔夫
  • java 日志处理

      common-logging是 apache提供的一个通用的日志接口。用户可以自由选择第三方的日志组件作为具体实现,像log4j,或者jdk自带的loggi...

    良辰美景TT
  • 慕课网高并发实战(七)- J.U.C之AQS

    3.不断重新尝试获取锁(当前结点为head的直接后继才会 尝试),如果获取失败,则会阻塞自己,直到被唤醒

    Meet相识
  • 自定义View常用例子二(点击展开隐藏控件,九宫格图片控件)

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gdutxiaoxu/article/details/...

    用户2965908
  • Android Service启动到Activity

    从Service启动到Activity基本可以分为两类: 1.从自己应用的Service启动自己应用的Activity,即显式意图; 2.从自己应用的Ser...

    IT大飞说
  • 一文搞定参考基因组序列下载

    各位小伙伴我们又见面了,在接下来的日子我们会给大家带来超硬核知识点。请大家带好小板凳,一起认真做笔记吧。

    阿凡亮
  • 非极大值抑制(Non-Maximum Suppression)

    1. 什么是非极大值抑制 非极大值抑制,简称为NMS算法,英文为Non-Maximum Suppression。其思想是搜素局部最大值,抑制极大值。NMS算法在...

    Tyan
  • 乱炖“简书交友”数据之代码

    上一篇文章乱炖数据之2700余篇“简书交友”专题文章数据的花式玩法发布后,不少人想学习下代码,由于此前不曾在GitHub上开源过,流程还不熟悉,再者本项目中很多...

    古柳_DesertsX

扫码关注云+社区

领取腾讯云代金券