表单点击提交按钮后变成灰色不可再次点击

最新推荐文章于 2021-08-06 15:53:19 发布
最新推荐文章于 2021-08-06 15:53:19 发布
阅读量724 收藏
点赞数
分类专栏： JavaScript 文章标签： JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5246/article/details/81920489
版权

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效代码|pqshow.com|---表单点击提交按钮后变成灰色不可再次点击</title>
</head>

<body>

<form name=form1 method="POST" action="http://www.baidu.com" target=_blank>
 <p><input type="text" name="T1" size="20"><input type="button" value="提交" οnclick="javascript:{this.disabled=true;document.form1.submit();}">
<input type="reset" value="重置" name="B2"></p>
</form>

</body>

</html>
本文来自: http://www.pqshow.com/script/anniutexiao/5383.html

iteye_5246
关注
专栏目录
表单点击提交按钮后变成灰色.rar
11-03
`，使按钮变为灰色不可点击。 四、表单验证 在用户提交表单前，通常需要进行验证，确保输入的数据符合要求。这可以使用JavaScript实现，验证成功后再允许表单提交，同时恢复按钮的可点击状态。 五、异步提交与回...
点击提交按钮后按钮变灰色不可用状态的三种方法
01-21
第一种方法：直接按钮中加入 当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句： onclick=”[removed]{this.disabled=true;document.form1.submit();}”，意思是当按钮点击后，将按钮的不可用属性设置为true，这样按钮就变灰了 表单提交后按钮变成灰色 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种方法：通过onSubmit事件实现，并且可以将变灰按钮变为可用 在form里面添加 onSubmit事件，如果表单加入了
提交按钮点击后变灰色（不能再点），页面处理完毕后变为正常，避免重复提交
技术专栏
10-29 2938
这是一个很古董的问题，以前写程序呢，也不在意^_^，但软件有客户提出偶尔会出现重复提交的问题，此种情况基本都是出现在网速慢，客户等不及，而再次点击提交按钮的情况下，今儿找了段脚本，解决下，也算是对用户体验的一个提升吧．方法一(测试通过)Javascript  function disableBtn()     {         var ok=document.getEle
html表单按钮灰色,点击提交按钮后按钮变灰色不可用状态的三种方法
weixin_39996141的博客
06-07 3584
第一种方法：直接按钮中加入当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是当按钮点击后，将按钮的不可用属性设置为true，这样按钮就变灰了表单提交后按钮变成灰色[Ctr...
ajax按钮置灰,button按钮防重复提交（点击提交之后提交按钮变灰，操作执行完之后恢复）...
weixin_34778803的博客
08-06 889
jsp中form表单：js中save方法：function save() {document.getElementById('button').disabled=true;var content= document.getElementById('content').value;if (lefttrim(content)=="") {alert("内容不能为空");document.getElem...
提交按钮变灰色不可用状态
热门推荐
岁寒松柏
10-10 1万+
点击提交按钮后按钮变灰色不可用状态 表单提交后按钮变成灰色 onclick="javascript:{this.disabled=true;document.form1.submit();}"> ===================== 倒计时结束后按钮才由灰色（不可点击）变成可点击 JS控制在规定时间内结束后才可以点击下一步
表单点击提交按钮后变成灰色不可再次点击（转）
weixin_33737774的博客
06-13 1496
&lt;html&gt; &lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;title&gt;表单点击提交按钮后变成灰色不可再次点击&lt;/title&gt;&lt;/head&gt; &lt;body&gt; &
表单提交后按钮变成灰色
别在熬夜了！
07-26 5330
表单提交后按钮变成灰色
vue 提交按钮点击后显示处理中，禁止二次点击
小猫爪子
06-18 1437
<el-button type="primary" :disabled="submitLoading" @click="dataFormCheck">{{submitLoading ? '处理中...' : '确定'}}</el-button> // 表单提交 dataFormSubmit() { this.submitLoading = true; },
页面表单元素置灰不可用的设置
geertu
03-31 2831
$("#contentForm").find("input").each(function(){ $(this).attr("disabled","disabled"); }); $("#contentForm").find("textarea").each(function(){ $(this).attr("disabled","
jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法
weixin_39857876的博客
12-23 7627
第一种方法：直接按钮中加入当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句： onclick="javascript:{this.disabled=true;document.form1.submit();}"，意思是当按钮点击后，将按钮的不可用属性设置为true，这样按钮就变灰了表单提交后按钮变成灰色[Ctr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值