JS防止表单数据重复提交

最新推荐文章于 2024-09-11 12:01:27 发布

匿名旅途

最新推荐文章于 2024-09-11 12:01:27 发布

阅读量3.1k

点赞数

分类专栏： javascript 文章标签： xhtml input html button action

本文链接：https://blog.csdn.net/qq_qun_247286682/article/details/7015362

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

点击提交后表单的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>

来源：小伙伴开发网 http://www.kaifaer.com