JQuery的submit事件

提交表单是一个最常见的业务需求，比如用户注册，一些信息的输入都是需要表单的提交。同样的有时候开发者需要在表单提交的时候过滤一些的数据、做一些必要的 *** 作（例如：验证表单输入的正确性，如果错误就阻止提交，从新输入）此时可以通过submit事件，监听下提交表单的这个动作。

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

绑定 ele元素触发点击 *** 作会执行回调 handler函数。

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

通过在<form>元素上绑定submit事件，开发者可以监听到用户的提交表单的的行为。

当某些表单元素获取焦点时，敲击Enter（回车键）

上述这些 *** 作下，都可以截获submit事件。

form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为，

传统的方式是调用事件对象 epreventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可。

jQuery处理如下：

运行效果：

验证的触发有两种方式 第1:单个元素触发验证, 在元素失去焦点后触发, 第2:整个表单触发验证, 在表单的onsubmit事件触发后 这两种触发绑定在初始化validate 插件时,已经自动附加上去了,不需要手动处理,如果要手动触发表单验证, 可以这样 写

:focus 伪类 选择器用于选取获得焦点的元素 。 我们这里主要针对的是 表单元素

:hover

语法：

border: 1px solid #ccc;

height: 30px;

width: 40px;

transition: all 5s;

}

/ 这个input 获得了焦点 /

total input:focus {

width: 80px;

border: 1px solid skyblue;

}

以上就是关于JQuery的submit事件全部的内容，包括:JQuery的submit事件、表单验证插件validation是怎么触发的、获得焦点元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！