jquery中的submit方法怎么用

发布时间:2022-04-15 13:56:31 作者:iii
来源:亿速云 阅读:314

这篇文章主要介绍“jquery中的submit方法怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“jquery中的submit方法怎么用”文章能帮助大家解决问题。

在jquery中,submit方法是一个用于触发表单事件的方法;该方法可以触发submit事件,或规定当发生submit事件时运行的函数,当提交表单时会发生submit事件,语法为“元素对象.submit(function)”。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery中submit方法

当提交表单时,会发生 submit 事件。

该事件只适用于 <form> 元素。

submit()方法触发submit事件,或规定当发生submit事件时运行的函数。

触发被选元素的 submit 事件:

$(selector).submit()

添加函数到 submit 事件:

$(selector).submit(function)

function 可选。规定当 submit 事件被触发时运行的函数。

示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title> 
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("form").submit(function(){
    alert("提交");
  });
});
</script>
</head>
<body>
<form action="">
First name: 
<input type="text" name="FirstName" value="Mickey"><br>
Last name: 
<input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form> 
</body>
</html>

输出结果:

jquery中的submit方法怎么用

点击按钮后:

jquery中的submit方法怎么用

关于“jquery中的submit方法怎么用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. 慎用jQuery中的submit()方法
  2. 基于JQuery的Ajax方法怎么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery submit

上一篇:jquery和zepto有什么区别

下一篇:如何在Go语言中处理JSON

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》