|
用js为添加禁用
当用户提交表单之后，触发提交事件(onsubmit)，可以使用js将提交按钮隐藏（disable属性），防止用户多次点击按钮提交数据。
注意：如果客户端禁止使用js，则此方法无效。
javascript代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript">
var i=0;
function fun1(){
var btn1=document.getElementById("btn1");
if(i>0){
btn1.disabled="disabled";
alert("请不要重复提交！");
return false;
}
i++;
}
</script>
<table border="2px" width="400px" height="100px" cellspacing="" cellpadding="" style="margin: 0 auto;">
<form action="ServletDemo4" method="post" onsubmit="return fun1()">
<tr><td colspan="2" align="center">注册页面</td></tr>
<tr><td>用户名：</td><td><input type="text" name="username"> </td></tr>
<tr><td>密码：</td><td><input type="password" name="password"><br/></td></tr>
<tr><td>年龄：</td><td><input type="text" name="age"></td></tr>
<tr><td>出生日期：</td><td><input type="text" name="birthday"></td></tr>
<tr><td>性别：</td><td><input type="radio" name="gender" value="男"/ > 男 <input type="radio" value="女" checked="checked"/> 女<br/></td></tr>
<tr><td>爱好：
</td><td><input type="checkbox" name="hobby" value="吃饭" checked="checked"/>吃饭
<input type="checkbox" name="hobby" value="喝水" checked="checked"/>喝水
<input type="checkbox" name="hobby" value="睡觉" checked="checked"/>睡觉
</td></tr>
<tr><td>地区:</td>
<td>
<select name="address">
<option>广州</option>
<option selected="selected">北京</option>
<option>深圳</option>
<option>上海</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">留言：<textarea cols="30" rows="5" name="remark">
</textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="注册" id="btn1">
<input type="reset" value="重置">
</td>
</tr>
</form>
</table>
</body>
</html>
?
|