为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用 JS 自动提交表单

如何使用 JS 自动提交表单

PHP
蓝山帝景 2021-06-27 08:56:36
我想在页面完成加载后使用 JS 添加代码自动自动提交表单我也需要它提交输入值提交并且验证码响应在我单击手动自动工作但没有提交输入“g-recaptcha-response”值时效果很好<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge"><script src="https://www.google.com/recaptcha/api.js?render=<?php echo $captcha_site_key ?>"></script></head>    <form action="check.php" id="myform" method="POST">    <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">    <input type="Submit" name="Submit"></form><script>    grecaptcha.ready(function() {        grecaptcha.execute('<?php echo $captcha_site_key ?>', {action:'validate_captcha'})                  .then(function(token) {            document.getElementById('g-recaptcha-response').value = token;        });    });</script><script type="text/javascript">window.onload = function(){  document.getElementById("myform").submit();}</script></body></html>
查看完整描述

2 回答

?
忽然笑

TA贡献1806条经验 获得超5个赞

JS代码是


解释:-首先 setAttribute('value', 'token');


然后等待1秒然后提交 myform


<script type="text/javascript">

    document.getElementById('g-recaptcha-response')..setAttribute("value", token);‏


</script>

<script type="text/javascript">

window.onload=function(){ 

    window.setTimeout(document.myform.submit.bind(document.myform), 100);

};

 </script>


查看完整回答
反对 回复 2021-07-09
?
慕村225694

TA贡献1880条经验 获得超4个赞

在 Javascript 中,通过这个小技巧你可以实现你的目标:


使用普通 Javascript - 这是您提交表单的方式:


  document.getElementById("YourFormIdHere").submit();

如果您希望仅在提供验证码时提交该表单,那么您必须运行 if 语句。


首先停止提交表单,以便您可以在提交之前评估验证码。


document.getElementById("FormIdHere").addEventListener("submit", function(event) {

  event.preventDefault()

});

从这里,您想检查验证码值是否已提交。首先尝试获取验证码的值


var Captcha = document.GetElementById("capture ID here").value;


//check if captcha has value

if(Captcha){

    //then submit your form here

    document.getElementById("YourFormIdHere").submit();

}

如果验证码值为空,则表单不会提交,从而强制用户创建验证码。


查看完整回答
反对 回复 2021-07-09
  • 2 回答
  • 0 关注
  • 347 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信