禁止button提交但是不禁止js提交

最新推荐文章于 2021-06-01 03:32:07 发布
最新推荐文章于 2021-06-01 03:32:07 发布
阅读量1.4k 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaocen99/article/details/50236575
本文详细介绍了HTML中button元素的type属性，包括button、submit和reset三种类型的区别及使用场景。其中，button作为普通按钮不提交表单；submit用于提交表单；reset则用于表单复位。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

button有个type属性，属性值可为button、submit、reset

button=普通按钮，直接点击不会提交表单
submit=提交按钮，点击后会提交表单
reset=表单复位

当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件。
禁止按回车键提交表单的方法
09-03
本文将详细讲解如何禁止用户通过回车键来提交表单，以避免这种不必要的行为。 首先，我们要了解浏览器对表单的默认处理方式。在含有单个文本输入框的表单中，按下回车键会自动触发表单的提交。这是因为浏览器认为这...
js禁止表单重复提交
01-21
本文实例为大家分享了js防止表单重复提交实现代码，供大家参考，具体内容如下 <html> <BODY BGCOLOR=#FFFFFF> <form name='formsubmitf' id =the method=post action=XXX.php> <input ...
表单下的botton如何禁止提交
Mr-k的博客
12-25 1910
按钮 button有个type属性，而在form表单下botton的type类型默认成为了submit提交按钮这个属性，所以点击就会跳转页面 禁止跳转只需要改变其type类型即可 按钮
如何将按钮点击后禁用
04-19 7142
1.按钮的id为btnzhuce ==》 控制按钮为禁用：   $("#btnzhuce").attr({"disabled":"disabled"}); ==》控制按钮为可用  $("#btnzhuce").removeAttr("disabled");//将按钮可用 2. function enableButton(flag) {     $("#btnTest"
通过JavaScript屏蔽提交按钮
gc025的专栏
03-11 602
通过js代码，当用户点击提交按钮后，屏蔽提交按钮使用户无法点击提交按钮或点击无效，从而实现防止表单重复提交。 ps：js代码很容易被绕过。比如用户通过刷新页面方式，或使用postman等工具绕过前段页面仍能重复提交表单。因此不推荐此方法。 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%...
如何阻止form表单中的button按钮提交
超域的博客
07-13 3032
1、 return false <button type="submit" class="submit_button" onClick=“submitAction();return false;”>登录</button> 2、button有个type属性，属性值可为button、submit、reset button=普通按钮，直接点击不会提交表单 submit...
jquery提交form表单时禁止重复提交的方法
10-26
2. 使用JavaScript变量跟踪表单提交状态：通过定义一个全局的JavaScript变量来跟踪表单是否已经提交过，如果已经提交过，则在提交事件中阻止进一步的提交。 3. 使用jQuery数据缓存来跟踪提交状态：利用jQuery的`....
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
10-24
在监听器函数内部，我们使用`$("#buttonid")`选择器选中按钮，并连续执行两个操作：首先使用`val("正在处理")`将按钮的值改为“正在处理”，然后使用`attr("disabled","disabled")`将按钮设置为不可用状态。...
jquery禁止回车触发表单提交
12-09
标题“jquery禁止回车触发表单提交”正是针对这个问题提供了解决方案。 首先，我们来看一下给出的HTML代码片段： ```html <button type="submit" class="btn" style="margin-right:20px">查询</button> ...
js阻止事件默认行为,(让按钮不在点击后提交)
黄大仙
08-07 1630
e.preventDefault() <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div>123</div> <a href="http://www.baidu.com">百度</a> <f
禁止button提交表单， 但是不禁止js提交
滴水石穿
06-28 3076
button有个type属性，属性值可为button、submit、reset button=普通按钮，直接点击不会提交表单 submit=提交按钮，点击后会提交表单 reset=表单复位 当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件。 ...
表单提交后禁用按钮
php菜鸟技术天地
06-02 1977
head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>表单提交后按钮禁用title> script type="text/javascript"> function sub() { document.forms[0].elements[0].disabled = true; //docume
html按钮disabled状态,CSS定义input disabled样式的三种方法
weixin_34585343的博客
06-01 7073
表单提交的时候我们经常会让提交按钮禁用，满足条件后按钮恢复，disabled禁用按钮后怎么用CSS来改变禁用disabled按钮的样式呢？下面看青岛星网：CSS定义input disabled样式的三种方法。disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。...
提交表单禁用按钮_提交表单后禁用“提交”按钮
Web 开发&软件开发
07-23 1785
提交表单后禁用“提交”按钮 如果编程缓慢或用户连接滞后，则多次单击“提交”按钮可能会导致重复处理。 重复处理可以包括重复的数据库记录，多封电子邮件或不同类型的错误。 一旦表单提交，JavaScript提供了一种简便的方法来禁用表单的多次提交。 代码 在HTML中，使用以下“ onsubmit”信息： 触发均匀表单提交很重要-并非每个人都单击 “提交”按钮。 您还需要为您的提交...
普通按钮做表单提交的用途！！
m1872216的专栏
08-26 2071
描述： 一个表单既要登陆功能，又要用作注册功能，此时可以把按钮做成普通按钮，通过js，控制按钮的提交的url；   script language="javascript" type="text/javascript">05.    function changeSubmitUrl()    06.    {    07.        //定义表单要提交的URL 08.
el-form 禁止enter提交
06-06
在使用 Element UI 的表单 `el-form` 组件时，你可以通过设置 `@keydown.enter.native.prevent` 属性来禁止回车键提交表单。具体方法如下： ```html 名称"> <el-button type="primary" @click="submit...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值