js 表单提交后按钮变灰(disabled禁用按钮功能)

发布时间:2019-07-22编辑:脚本学堂
js控制表单提交后按钮变灰,即提交内容后禁用按钮功能,使之不可用不可再次提交,这在避免重复提交数据方面很有用。

js 表单提交后按钮变灰

例子:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>表单提交后按钮变灰 - www.plcxue.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<form name="form1" method="post" action="http://www.osxue.com">
<input type="text" name="username" value="zzsky">
<input type="button" value="提交" onclick="<a href=http://www.osxue.com/js.html target=_blank >javascript</a>:{this.disabled=true;document.form1.submit();}">
</form>
</body>
</html>