js表单提交按钮变灰怎么设置?实例代码

发布时间:2019-09-14编辑:脚本学堂
在js提交表单后,将按钮变灰不可用可以防止表单的多次提交,避免重复提交数据,一个例子,通过控制按钮disabled属性来设置按钮变灰不可用。

在页面中防止用户重复提交表单的一个可行方法就是:表单提交后将按钮变灰,直到网站提示提交成功,自动刷新页面恢复按钮可用状态。

例子:
 

复制代码 代码示例:
<!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>
<script language="javascript">
function my_submit(){
   document.form1.submit();
   document.form1.submit1.disabled=true;
}
</script>
<form action="/" method="post" name="form1">
<input type="text" name="name">
<input type="button" name="submit1" value="提交" onClick="javascript:my_submit();">
</form>
</body>
</html>