JS防止表单复提交问题

陈丽莉

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>form.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var iscommited = false;
function dosubmit(){
if(!iscommited){
iscommited = true;
return true;
}else{
return false;
}
}
</script>
</head>
<body>
<form action="/myday08/servlet/DoFormServlet" method="post" onsubmit="return dosubmit()" >
用户名：<input type="text" name="username"/>
密码：<input type="password" name="password" />
<input type="submit" value="提交" />
</form>
</body>
</html>

复制代码

一个表单用js为了防止重复提交，可onsubmit="return dosubmit()" 这里怎么会报错呢？求解、、

赵亚威 · 赵亚威

没有错呀你是不是没有保存或者IDE出出bug了

王智威 · 王智威

本帖最后由王智威于 2013-3-12 23:10 编辑

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

<title>form.html</title>


<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="this is my page">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

      <script type="text/javascript">

            function dosubmit(){
  event.srcElement.disabled=true;

            }

      </script>

  </head>
<body>

               <form action="" method="post"  >

                        用户名：<input  type="text"  name="username"/>

                        密码：<input  type="password" name="password" />

                        <input type="submit" value="提交"/>
               </form>

  </body>

</html>

如果是我，我就让按键失效，这是我的个人实现

hacket · hacket

赵亚威发表于 2013-3-12 23:02
没有错呀你是不是没有保存或者IDE出出bug了

保存了呀。我还重新建了个，还是这样的。不知道啥情况

hacket · hacket

王智威发表于 2013-3-12 23:07
form.html

恩，是可以用js让按键失效，现在是直接报错。后面都没法进行了。

帐号		自动登录	找回密码
密码			加入黑马

JS防止表单复提交问题

评分

4 个回复

评分

评分

黑马骑士勋章