用户提交表单后，禁用提交按钮
用户提交表单后，禁用提交按钮
提问于 2016-10-24 14:27:39
我正在使用PHP & MySQL提交一个表单与以下代码，并使用PHP中的isset函数提交的值到数据库。
<div class="display">
<form action="" method="POST">
<div>
<input type="text" name="name" placeholder="Your Name" required="required">
</div>
<div>
<input type="text" name="phone" id="phone" placeholder="Mobile" required="required" onblur="check();">
<br/>
<span id="e_mobile"></span>
<?php if(isset($_GET["r"])){ ?><p>Invalid number; must be ten digits. Please submit your query again</p><?php } ?>
</div>
<div>
<input type="text" name="landline" id="landline" placeholder="Alternate Number" required="required" onblur="check1();">
<br/>
<span id="e_landline"></span>
</div>
<div>
<input type="email" name="email" placeholder="Email" required="required">
</div>
<div>
<input type="text" name="address" placeholder="Your Address" required="required">
</div>
<div>
<input type="hidden" value="0" name="salesid"/>
</div>
<input type="submit" name="submit" value="Submit">
</form>
</div>现在，我希望一旦用户单击submit按钮，按钮就应该冻结；从现在起，如果用户多次单击submit按钮(有意或错误地)，相同的信息将在数据库中提交多次。
在这种情况下该怎么办？
回答 2
Stack Overflow用户
发布于 2016-10-24 14:33:26
尝试使用JQuery：
首先，在表单中添加ID
<form action="" method="POST" id="form">在添加脚本之后：
<script type="text/javascript">
$(document).ready(function() {
$("#form").submit(function(e){
$("input[type='submit']").attr("disabled","disabled");
});
});
</script>Stack Overflow用户
发布于 2016-10-24 20:30:49
您可以添加PHP验证码，以防止用户再次点击。
请查看以下两个网址，其中也包括演示。
- http://www.w3schools.in/php/captcha/
- http://99webtools.com/blog/php-simple-captcha-script/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40211927
复制相关文章
相似问题
腾讯云开发者
