html form中onsubmit的使用

最新推荐文章于 2024-04-25 20:22:26 发布
最新推荐文章于 2024-04-25 20:22:26 发布
阅读量1.8k 收藏
点赞数
分类专栏： html js 文章标签： html button 百度 action function input
js 同时被 2 个专栏收录
62 篇文章 0 订阅
订阅专栏
html
25 篇文章 0 订阅
订阅专栏

html form 中的onsubmit在点submit按钮时被触发，如果return false;则结果不会被提交到action中去（也就是提交动作不会发生），如果不返回或者返回true，则执行提交动作。（<a οnclick=”return confirm(‘是否跳转到百度？’);” href=”http://www.baidu.com”>baidu</a>也同理）,下面是一个例子程序

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html form onsubmit使用</title>
<script type="text/javascript">
alert("加载此页面时执行");
function buttonSubmit(){
    document.form1.submit();
}
</script>
</head>
<body>
<a οnclick="return confirm('是否跳转到百度？');" href="http://www.baidu.com">baidu</a>
<form name="form1" οnsubmit="return confirm('是否进行提交？');">
<input type="submit" value="submit" />
<input type="button" value="button" onClick="buttonSubmit();"
</form>
</body>
</html>


结论：
1.如果html中使用form的onsubmit进行提交前的数据验证，需要验证函数返回一个布尔值，而且要写成οnsubmit=”return 函数名();” return不能少，否则无论函数返回true还是false都能够提交，达不到验证的目的。
2.只能使用sunmit按钮进行提交才触发onsubmit事件，button按钮的提交不能触发onsubmit事件
yiluoAK_47
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html form表单提交数据并后台获取
weixin_30566063的博客
02-28 2979
前台： HTML的代码:(关键是要在form里设置enctype="multipart/form-data",这样才能在提交表单时,将文件以二进制流的形式传输到服务器) <html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server"> <title>无标题页</...
html怎么获取form表单数据,如何优雅的获取Form表单数据？
weixin_39752352的博客
06-04 4658
先看一个简单的例子比如这里有一个简单的 form 表单r1r2r3r4c1c2c3c4loginreset页面如下现在，随便输入点内容如果提交，表单会触发默认行为，直接以get方式提交到当前页可以看到这些参数正是我们输入的参数。表单的默认行为通常我们都会把这些默认行为阻止掉，毕竟都不希望在提交表单会跳转到另一个页面，或者刷新整个页面form.addEventListener("submit", (...
后台html获取表单数据,html肿么获取html表单数据
weixin_31263231的博客
06-04 1947
html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。工具原料：编辑器、浏览器一、使用表单的方法提交数据1、利用form表单的action属性来获取表单的数据并提交，代码如下：12345form action=form_action.php method=getp...
form获取表单项的值
cccbbbmmm的博客
09-14 908
要获取表单项的值（value），您可以使用 Ant Design 的 Form 组件提供的 getFieldDecorator 方法，或者使用 useForm 自定义 hook，并通过 onChange 事件来更新和获取表单项的值。在上述示例中，我们使用了 Ant Design 的 Form 组件，并通过 onFinish 回调函数获取整个表单的值，然后使用。在上述示例中，我们使用了 Ant Design 的 useForm 自定义 hook 来处理表单逻辑。，您可以获取整个表单的值，并使用。
获取form表单由submit提交的内容
Cristal_tina的博客
02-16 3051
html中的form表单部分的代码 <form action="dbController.php" id="loginform" method="post"> <p><input type="text" class="num" placeholder="编号" title="编号" maxlength="4" value="" name="num" id="num"/></p> <p
form表单属性onSubmit是干啥的
m0_68469601的博客
10-11 393
form表单属性onSubmit是干啥的
html 点击按键跳转至百度/其他html页面(原生js)
热门推荐
dmyc1027的博客
05-27 2万+
本文提供了在html中，两种方式实现：跳转至另一html页面，或者跳转至百度等网页。
form表单中的onSubmit
【欢迎关注公众号：冬瓜白】
03-08 1万+
今天看一个代码，突然发现了一个form表单中的onSubmit，估计是好久都没有写前端表单提交了，突然忘了，赶紧到网上查了查。 原文地址：https://www.cnblogs.com/ahudyan-forever/p/5795463.html onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，...
利用js和html实现表单操作（onsubmit、onclick、submit等方法的异同）
bigzhao_25的博客
04-28 3258
最近在写利用python+flask搭建后台，在写到与前端交互的时候需要对form进行数据过滤，但是在写onsubmit方法的时候老是达不到自己想要的效果，所以百度了一下这几种方法异同，顺带研究了下onclick、onsubmit、submit集合函数之间的关系和区别。 下面的介绍是在http://blog.csdn.net/wguoyong/article/details/7461511看
form 表单 onsubmit 属性
哈
06-23 1672
Html中form表单有一个onsubmit属性： 当onsubmit的值为return true时，单击提交按钮，会直接打开action指定的连接 当onsubmit的值为return false时，单击提交按钮，不会直接打开action指定的连接 <html> <body> <form action="http://www.baidu.com" onsubmit="return true"> <input type="submit"/&g
Form表单的action和onSubmit示例介绍
01-19
第一：action是form的属性，html5已经将其定义为必需的属性值，onSubmit为事件，通过<input type=submit />提交时进行一个函数验证。。 第二：要说执行的先后顺序，个人理解是onSubmit在先，先验证，验证返回...
formie:HTML从HTML表单获取JSON值
05-13
onsubmit = formie ( values => console . log ( values ) ) </ script > 多亏 Formie也可以作为NPM软件包提供： npm install mvoloskov/formie JSON范例 您将从提交的表单中获得类似JSON的信息： { ...
form表单action提交的js部分与html部分
12-11
1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, form... $(“#”+formName).form({ onSubmit:function(){ checkInput();//检查输入项是否为空 } , success:function(data
JS onsubmit下次调用commit（）不仅是jquery，而且是javascript
04-03
看起来您可能正在创建一个无尽的循环； 当您的验证脚本调用提交，然后调用验证，然后调用提交......您应该使用类似以下的准代码：function validateit（）{//如果经过验证，则执行验证工作{返回true; 返回false； }
Button未设type属性时在非IE6/7中具有submit特性并自动提交form
12-13
form onsubmit=”alert(3)”> <input name=”uname”/> <button onclick=”alert(1)”>BUTTON</button> </form> </body> </html> 光变置入输入域，敲回车...
Web前端开发之HTML_3
zx1026409886的博客
04-23 892
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
HTML
最新发布
2401_83693610的博客
04-25 767
分为前端（html、css、js）和后端（php、mysql、Java），前端是看到的内容，由前端人员开发。但网页的固定结构叫做整体、头部、标题、主体... 2.网页中的结构是通过特定的HTML标签进行描述。浏览器：是网页显示、运行的平台，是前端开发必备利器。常见的浏览器包括：IE、火狐浏览器（Firefox）、谷歌（chrome）、Safari浏览器、Opera（欧朋）。三、1.html的概念：专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。
HTML中的页面可见性
小卡酷谋的博客
04-22 372
所以，所谓页面可见性，就是获取当前页面的可见状态。因为对于用户来讲可以打开好多标签页面来回切换，然而始终只有一个页面处于显示状态。所以我们可以通过页面可见性（Page Visibility）API 来判断当前页面是显示状态还是隐藏状态。页面事件来判断当前页面可见性的状态，并针对性的执行某些任务。长期以来一直缺少一个判断用户是否正在浏览某个指定标签页的方法。里页面可见性接口就提供给了程序员一个方法，让他们使用。用户是否去看别的网站了？更多有关页面可见性的内容可以参阅。"页面切换了~目前不可见"
高频前端面试题汇总之HTML篇
qq_51685537的博客
04-18 684
不同的渲染模式会影响浏览器对 CSS 代码甚⾄ JavaScript 脚本的解析。它必须声明在HTML⽂档的第⼀⾏。浏览器渲染页面的两种模式（可通过document.compatMode获取，比如，语雀官网的文档类型是。
html中onsubmit
12-31
以下是一个示例，演示了如何在HTML中使用onsubmit事件进行表单数据验证： ```html <form onsubmit="return validateForm()"> </form> function validateForm() { var name = document.getElementById("name...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值