在Web页面上提交表单的时候，可能用户比较不耐烦，不停的点击提交按钮.对于这个问题，
简单的情况可能是发送多次重复的请求，加重服务器的负担。如果是在线交易，有可能多
从信用卡里扣钱。解决的方法很简单，就是在用户提交一次后，将提交按钮禁用，看下面
的例子：
<html>
<head>
<title>用户注册</title>
</head>
<body>
<form name="form1" action=" ">
用 户 名：<input type="text" name="txtName" size="20" /><br />
密 码：<input type="password" name="txtPassword" size="20" /><br />
确认密码：<input type="password" name="txtRePassword" size="20" /><br />
电子信箱：<input type="text" name="txtEmail" size="20" /><br />
<input type="submit" name="submitForm1" value="提交"
onclick="this.disabled=true;this.form.submit()" /><br />
</form>
</html>
<head>
<title>用户注册</title>
</head>
<body>
<form name="form1" action=" ">
用 户 名：<input type="text" name="txtName" size="20" /><br />
密 码：<input type="password" name="txtPassword" size="20" /><br />
确认密码：<input type="password" name="txtRePassword" size="20" /><br />
电子信箱：<input type="text" name="txtEmail" size="20" /><br />
<input type="submit" name="submitForm1" value="提交"
onclick="this.disabled=true;this.form.submit()" /><br />
</form>
</html>
onclick="this.disabled=true;this.form.submit()"，表示当点击“提交”按钮后，通过将按
钮的disabled特性设为true来禁用按钮，然后通过this.form来引用当前的表单，也就是form1,
然后执行表单的submit()方法来提交表单。这里需要注意的是提交按钮的type属性不能为submit
,如果把type属性设为submit,然后通过onclick来禁用它，会导致表单不被提交。
扫一扫
1753
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
