现在的位置: 首页 > 综合 > 正文

JS防止表单数据重复提交

2013年09月18日 ⁄ 综合 ⁄ 共 654字 ⁄ 字号 评论关闭

点击提交后表单的submit按钮会出现“正在提交,请稍后”……

好吧,看html代码中 onclick事件:点击表单提交后将其设置为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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS防止表单重复提交数据</title>
</head>
<body>

<form method="post" name="register" action="#"> 
name:<input name="name" type="text" id="text" /><br />
name1:<input name="name1" type="text" id="text" />
<input name="cont" value="提交" type="button" onClick="document.
register.cont.value='正在提交,请稍后';document.register.cont.
disabled=true;document.the_form.submit();"> 
</form>
</body>
</html>

【上篇】
【下篇】

抱歉!评论已关闭.