在Web页面上提交表单的时候,可能用户比较不耐烦,不停的点击提交按钮.对于这个问题,
简单的情况可能是发送多次重复的请求,加重服务器的负担。如果是在线交易,有可能多
从信用卡里扣钱。解决的方法很简单,就是在用户提交一次后,将提交按钮禁用,看下面
的例子:
\n
<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>
\n
\n
onclick=”this.disabled=true;this.form.submit()”,表示当点击“提交”按钮后,通过将按
钮的disabled特性设为true来禁用按钮,然后通过this.form来引用当前的表单,也就是form1,
然后执行表单的submit()方法来提交表单。这里需要注意的是提交按钮的type属性不能为submit
,如果把type属性设为submit,然后通过onclick来禁用它,会导致表单不被提交。
\n \n