onSubmit的使用

最新推荐文章于 2022-06-04 16:25:56 发布
最新推荐文章于 2022-06-04 16:25:56 发布
阅读量295 收藏
点赞数
分类专栏： HTML 文章标签： HTML Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haoni65/article/details/83300686
版权
在web开发中，我们经常会遇到，一点回车键表单就自己提交的问题，能不能禁用回车键呢，答案是肯定的. 



<from action="" method="post" onSubmit="return false">
...............
</from>



如果想在表单提交时，进行验证 


<html>
<head>
<script lanuage="javascript">
  function check()
{
//验证不通过时
return false;
}
</script>
</head>
<body>
<from action="" method="post" onSubmit="return check()">
...............
</from>
</body>
</html>



这样就会对表单进行验证再进行提交

要注意的是，千万不能写成 


<from action="" method="post" onSubmit="check()">
...............
</from>


因为check()不通过后会返回false， 因为onsubmit属性就像是<form>这个html对象的一个方法名，其值（一字符串）就是其方法体，默认返回true，所以还是相当于验证通过
记得对表单验证一定要写成这样 


<from action="" method="post" onSubmit="return check()">
...............
</from>
haoni65
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
form的OnSubmit和input type=image使用介绍
09-28
以下是一个关于`onSubmit`和`input type=image`结合使用的例子： ```html function fuck() { alert("表单正在被提交!"); // 这里可以进行验证或其他操作 // 如果需要阻止表单提交，可以返回false } ...
submit表单提交，onsubmit验证拦截
10-30
submit表单提交，onsubmit验证拦截 免去了用button按钮click点击事件ajax请求
js中onsubmit用法
weixin_42232623的博客
05-20 9217
在写表单处理的时候，经常会用到onSubmit事件，而onSubmit事件经常用到return关键字，比如： <!DOCTYPE html> <html> <head> <title>onsubmit用户提交,submit属性,事件</title> </head> <script type="text/javascri...
js 提交 之 onSubmit 使用方法
小亮子的博客
06-23 1403
&lt;form action="user.php" method="post" name="getappraise" onSubmit="return appraisetishi();"&gt; &lt;textarea name="pingyu" id="pingyu" cols="30" rows="10" pl
使用js表单验证中的onsubmit属性
weixin_56451725的博客
06-04 1404
使用js表单验证中的onsubmit属性
javascript函数和onsubmit用法讲解
tanchang7的专栏
03-24 436
javascript函数和onsubmit用法讲解 Html代码           &amp;lt;!--           function uploadFile(){               var cName=document.all.cName;               document.forms[0].action=&amp;quot;fileUpload.do?cName...
onsubmit阻止form表单提交与onclick的相关操作
09-05
本文将详细讲解如何使用`onsubmit` 阻止表单提交以及与`onclick` 的相关操作。 1. **`return false` 的作用** 当在表单的`onsubmit`事件处理器中设置`return false`时，可以阻止表单的默认提交行为。这是因为...
Form表单的action和onSubmit示例介绍
09-28
action是form的属性，onSubmit为事件，要说执行的先后顺序，个人理解是onSubmit在先，下面有个不错的示例可以帮助大家更好的立即，感兴趣的朋友不要错过
表单元素的submit()方法和onsubmit事件应用概述
09-05
比如，如果表单的HTML代码中没有预定义`onsubmit`，而是通过JavaScript在页面加载后添加，那么在Firefox和Chrome中，单纯使用`addEventListener`添加的事件处理程序（如`check`函数）返回`false`并不能阻止表单提交...
onsubmit用来表单的提交
yangshaojun1992的博客
04-03 464
onsubmit 属性只在  表单中使用。 onsubmit事件是当表单提交时进行相关js操作的一个事件。 onsubmit 事件会在表单中的确认按钮被点击时发生。当该事件触发的函数中返回false时，表单就不会被提交。 onsubmit经常用于表单验证。请看下面实例。 script>function submitFun(obj){ if(obj
onSubmit 使用
SimpleLife
08-07 6095
解释 onsubmit:当提交表单时执行一段 JavaScript。它只认true或者false.如果不返回值，则默认为true。 如果想在表单提交时，进行验证 <html> <title>Test</title> <head> <script lanuage="javascript"> function check() { return false; } </sc..
onsubmit 事件
weixin_30859423的博客
12-02 478
onsubmit 事件 Event 对象 定义和用法 onsubmit 事件会在表单中的确认按钮被点击时发生。 语法 onsubmit="SomeJavaScriptCode" 参数描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签： <form&gt...
form表单的onsubmit()不起作用的问题
LLITMAN的专栏
06-24 1万+
在项目中为一个表单（from）编写onsubmit()脚本的时候，经常需要验证表单中数据的合法性，所以常会写道：，试图在validateForm()中return false来阻止表单的提交。实际上的效果是即使return false 表单 还是会提交。后来发现 onsubmit="return validateForm()"就没有问题了，当时也没有多想就继续做其它事情了。
JS中onsubmit禁止提交表单的三种方式
qq_30359369的博客
08-14 1651
JS中onsubmit禁止提交表单的三种方式 前面我在博客中写过onblur实现失焦调用函数的三种方式, onsubmit也几乎一模一样, 不过昨天我在写一个表单提交页面,判断某些必填项未填写则禁止提交, 我们知道onsubmit是否提交取决于它的值,true则提交,false则禁止提交; 当在调用判断函数时返回值为false却也提交了…于是我查了资料,并把JS触发事件研究了一下,总结如下: 第一...
android端提交表单代码,Android下的web开发弹出框及表单提交控制
weixin_35825858的博客
05-28 252
alert改为ymPrompt插件，表单验证在onsubmit事件中，通过提交节点的可用性防止重复提交，因为服务器端做了集群还没来得及做公用session缓存所以token暂时失效发动机号var onSubmitForm = function() {var sb = $('#sb');sb.attr('disabled', 'disabled');var enginenum = $('#eng')...
form的onsubmit验证
热门推荐
在你最感兴趣的事物上，隐藏着你人生的秘密
01-30 2万+
网页表单的提交可以有多种方法实现。         可以用javascript写个提交的方法，在button的onclick中触发。也可以将input的type设置成submit，并对form进行action 和method设置,直接进行提交。         一般在提交表单之前都需要进行一些判断，如果使用第一种方法，那么这些判断就写到提交时触发的的Javasceipt的方法里就行。如果使用第
ant design form表单 onSubmit 方法 使用心得
weixin_37472852的博客
08-29 886
ant design form表单 onSubmit 方法 使用心得 // 按钮-查询 handSubmit = e => { e.preventDefault(); ... } 入参e 不能省略，否则会导致整个页面刷新。
表单验证的onsubmit()方法
stray_0212的博客
11-08 1956
onsubmit() 在表单（form）中提交会用到submit提交，但在表单验证中验证中如果使用submit会直接提交并不会阻止提交，我们可以用javaScript中的onsubmit()方法来阻止提交 如果只用submit提交的话不会验证表单中的元素直接跳过；在form表单中添加onsubmit()方法就可以解决这个问题 html部分 <form onsubmit="return f()"> <input type="text" id="number" placeholder=
onsubmit使用
最新发布
11-29
onsubmit是一个HTML表单元素的属性，它可以在表单提交之前执行一段JavaScript代码。通常，我们可以使用onsubmit来验证表单数据是否有效，如果无效则阻止表单提交，如果有效则允许表单提交。下面是一个简单的例子： ```html <form onsubmit="return validateForm()"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="Submit"> </form> <script> function validateForm() { var username = document.forms[0]["username"].value; var password = document.forms[0]["password"].value; if (username == "" || password == "") { alert("Please fill out all fields"); return false; } return true; } </script> ``` 在这个例子中，我们使用onsubmit属性来调用validateForm()函数。这个函数检查表单中的用户名和密码是否为空，如果为空则弹出一个警告框并返回false，阻止表单提交。如果用户名和密码都不为空，则返回true，允许表单提交。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值