前言

submit() 方法不带参数，就是触发 submit 事件，带function 参数，就是执行 submit 事件时运行的函数。

触发 submit 事件

通过 jquery 的submit() 方法，可以出发submit 事件

form表单示例

    <form id="demo" method="get"><div><label for="user">用户名:</label><input type="text" id="user"  name="username" placeholder="输入用户名"></div><div><label for="psw">用户名:</label><input type="password" id="psw" name="password" placeholder="输入用户名"></div><input type="submit" value="提交"></form>

可以在浏览器console执行如下代码触发表单提交

$('form').submit();

submit 事件

submit 事件只适用于 <form> 元素

基本语法

$(selector).submit(function)

示例

    $('form').submit(function () {// 提交表单事件alert('提交表单了！');})

当点提交按钮，会弹出alert，并且表单也会提交

如果我们想重写表单提交事件，需阻止上面的提交按钮表单提交事件
使用 event.preventDefault() 方法阻止表单被提交

event.preventDefault();

function 可以传 event 参数

    $('form').submit(function (event) {// 阻止type="submit" 表单提交event.preventDefault();// 自定义 提交表单事件alert('提交表单了！')})

这样就可以自定义提交表单事件了

JavaScript 学习-42.jQuery 提交表单 submit() 方法相关推荐

jquery提交表单_jQuery提交表单
jquery提交表单 jQuery submit() function triggers when a user tries to submit a form. jQuery submit form ...
使用jQuery提交表单
我想使用jQuery提交表单. 有人可以提供代码,演示或示例链接吗? #1楼来自手册: jQuery Doc $("form:first").submit(); #2楼您将必须 ...
java jquery提交表单_Jquery ajax提交表单几种方法
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize();就行了,下面我来介绍两个提交表单数据的方法. ...
php curlopen,php自动提交表单的方法(基于fsockopen与curl)
搜索热词本文实例讲述了PHP基于fsockopen与curl实现自动提交表单的方法.分享给大家供大家参考,具体如下: PHP自动提交表单 1. fsockopen方法: PHP;"> ...
php ajax 重复提交,ThinkPHP防止重复提交表单的方法实例分析
本文实例总结分析了ThinkPHP防止重复提交表单的方法.分享给大家供大家参考,具体如下: 为什么会有表单重复的坑在开发中,如果一个新增或修改的表单,在后台完成数据库操作后我们设定的不是跳转到其他页 ...
Jquery提交表单 Form.js官方插件介绍
來源:http://hi.baidu.com/dereky/blog/item/f9e8ab64c52f4ff3f736540c.html [JQuery框架应用]:form.js官方插件介绍 For ...
JQuery - 提交表单
[JavaScript] JQuery异步提交表单与文件上传 Jquery.form.js是一个可以异步提交表单及上传文件的插件. 文档地址:http://jquery.malsup.com/form ...
Validator验证Ajax提交表单的方法
当我们在一些稍微复杂的业务时,可能会遇到需要多个表单form在同一个页面的情况,但是提交一个表单以后不想页面刷新或者跳转,那么我们考虑到的就是Ajax提交表单,那么如何让Jquery的validato ...
java mvc中重复提交_SpringMVC之——防止重复提交表单的方法(一)
这篇博文介绍第一种方法:判断session或其他缓存中保存的token,这里以session为例,具体大家也可以自行扩展以其他的缓存实现. 这种方式比较麻烦,每次在提交表单时都必须传入上次的token ...
Jquery ajax提交表单几种方法详解
[导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...

JavaScript 学习-42.jQuery 提交表单 submit() 方法

前言

触发 submit 事件

submit 事件

JavaScript 学习-42.jQuery 提交表单 submit() 方法相关推荐

最新文章

热门文章