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

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

当点击提交后，提交按钮变灰色不可用，这样可有效防止重复提交，本代码就是实现这样一个功能。从代码就可以看出，我们只需在提交按钮上加入这一句： ο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需再刷新一下页面才能执行]

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

html更改灰色按钮可用,点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
jquery按钮置灰_点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
JS表单的获取、表单元素的获取、提交表单
获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...
html表单发送json,在HTML表单上发送JSON数据提交
我有一个html表单,该表单有两个字段(名称,说明).当用户点击该表单的提交按钮时,我想以json格式提交表单数据.在HTML表单上发送JSON数据提交我试过如下: function submitD ...
html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例
本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...
JQuery002: 表单验证及ajax数据提交
一.三种情况下触发验证事件输入框失去焦点 -> $('input[!type=button]').blur(function() {}) 输入框输入中 -> $('input[!type ...
后台防止表单重复提交的三种方法
方案一:利用Session防止表单重复提交具体的做法: 1.获取用户填写用户名和密码的页面时向后台发送一次请求,这时后台会生成唯一的随机标识号,专业术语称为Token(令牌). 2.将Token发送 ...
ajax核心代码提交,ajax表单在Asp.net核心提交后的RedirectToAction
我有一个名为Index的视图和一个名为'_Addbook'的PartialView,它显示为引导模式.在partialView中使用ajax表单将数据插入到数据库中.ajax表单在Asp.net核心提 ...
form表单按enter键自动提交的问题
废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 1 <!doctype html> 2 <html lang="en"> 3 < ...

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

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

最新文章

热门文章