第一种方法:直接按钮中加入

当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能。从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="javascript:{this.disabled=true;document.form1.submit();}",意思是当按钮点击后,将按钮的不可用属性设置为true,这样按钮就变灰了

表单提交后按钮变成灰色

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

第二种方法:通过onSubmit事件实现,并且可以将变灰按钮变为可用

在form里面添加 onSubmit事件,如果表单加入了判断,那么这个方法直接就可以用了,记住就放到最后,否则一开始就为灰了,但我们加上了一个使提交按钮变为可用的代码,

即可防止重复提交信息,也可以防止代码问题导致不可提交的情况

function closebut(){

document.form1.imageField.disabled=true;

}

第三种,跟上面的类似

网页特效 表单提交后按钮变灰效果三脚本之家,站长必备的高质量网页特效和广告代码。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法相关推荐

  1. html更改灰色按钮可用,点击提交按钮后按钮变灰色不可用状态的三种方法

    第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...

  2. html表单按钮灰色,点击提交按钮后按钮变灰色不可用状态的三种方法

    第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...

  3. 提交按钮变灰色不可用状态

    点击提交按钮后按钮变灰色不可用状态 <html> <head> <meta http-equiv="Content-Type" content=&qu ...

  4. 安卓导航车机root方法_安卓手机设置充电提示音教程来了!教你三种方法,无需 ROOT!...

    最近,iPhone 充电提示音火了!上期,我们分享了 iPhone 手机自定义设置充电提示音的方法,安卓用户表示也想要~苹果手机有的,安卓手机也必须有!今天,我们就为大家分享一下安卓手机设置充电提示音 ...

  5. python提取cad坐标_怎么提取cad中坐标?CAD批量提取坐标点的三种方法

    经常有一些小伙伴问,CAD中怎么批量提取坐标点,今天给大家总结三种方法. 方法一:多段线顺序连接并提取. 1.多段线pl连接点: 2.li命令提取坐标: 3.将点位粘贴至excel,利用数据,分列,最 ...

  6. 怎么让jsp中的按钮置灰不能使用_UI设计中的按钮设计规范

    已经有很多朋友催我更新设计规范的文章了,今天我就先来一篇,关于按钮设计规范的,后面会陆续更新其他控件内容.严格来说,按钮包括很多种,比如普通按钮.图标按钮.文字按钮.开关按钮等等. 但我觉得根据这样的 ...

  7. android 置灰不可点击,Android Studio 运行按钮灰色的完美解决方法

    Android Studio 运行按钮灰色的完美解决方法 今天新建项目的时候突然发现编译后运行按钮为灰色. 解决方案:第一步:点击图中的Add Configuration,出来如下界面 第二步:点+号 ...

  8. centos 卸载软件_一篇看懂!详解-Linux系统中安装软件的三种方法

    Linux系统中安装软件的三种方法 注:本文主要以CentOS为例介绍常用的安装方式,其他版本linux在文章底部 Linux系统中怎么安装软件,首先说一下应用程序与系统命令的区别: 1.文件位置 系 ...

  9. 图片不能及时显示_电脑主机正常运行,显示器黑屏,有六种原因,前三种方法要掌握!...

    电脑故障分为硬件故障与软件故障,硬件故障指的是硬件出现了问题,软件故障指的是系统出现了问题,无论是硬件故障还是软件故障,都会影响电脑的使用,我们经常会遇到的电脑故障就是电脑蓝屏.电脑黑屏.电脑卡顿.电 ...

最新文章

  1. jQuery 在 IE 上 clone checkbox 的問題。
  2. Juniper SSG 防火墙安全防护之拒绝服务×××[新任帮主]
  3. 解决android.permission.WRITE_APN_SETTINGS
  4. 计算机系统与网络技术简答题,计算机与网络技术基础 简答题
  5. pip install pygame_使用 Python 和 Pygame 模块构建一个游戏框架!
  6. 怎么把springboot部署到阿里云_听说“一分钟就能部署阿里云ECS集群”?
  7. 设置一个DIV固定在底部,并且左右固定,垂直居中
  8. Java面试必问JVM调优,那.NET5呢?
  9. 启动oracle数据库工具,Oracle数据库常用工具
  10. mysql跳板机_python实现ssh通过跳板机连接mysql
  11. js如何获取window.location.href跳转后查询字符串的值?
  12. HTML5+CSS3项目实战之河马牙医首页、百度首页、Mac桌面、简书首页、登录注册页面、苏宁易购首页
  13. dotcms open source java cms_开放源Java(JSP)CMS系统的推荐源代码
  14. 华硕win10键盘失灵_win10笔记本键盘失灵怎么办_win10笔记本电脑键盘失灵一键修复教程...
  15. python入门[中国大学mooc笔记][嵩天]
  16. 【Kotlin入门教程】史上最全最易于理解最全面的文章
  17. Fisherface(FLD)人脸识别实验
  18. nyoj259 茵茵的第一课
  19. 【NVM】node多个版本管理工具安装步骤以及使用
  20. ADO Execute 方法 (ADO Connection)

热门文章

  1. peda的帮助文档(自己翻译)
  2. 网络爬虫爬取淘宝页面商品信息
  3. SINS/GNSS组合导航仿真应用详细版(基于PSINS工具箱 )
  4. C语言与离散数学的结合--逻辑推理
  5. 10万亿同业存款免缴存准 全面降准将推迟
  6. 实现私有DNS搭建(正向解析+反向解析+主从同步+安全措施+配置转发服务器+基于ACL实现智能DNS)
  7. 爱尔康与好大夫在线达成合作​;武田达泽优获批进入中国 | 跨国药企在中国...
  8. 分水岭变换的分割,watershed函数
  9. 游记:分享阳光!(初次测试)
  10. 海量传感数据管理系统功能要求与总体结构