使用 JavaScript 提交 post 表单

Question

我想用 JavaScript 操作替换我的 HTML 按钮。虽然我需要一个函数来提交表单才能正常工作。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>reCAPTCHA | Blazzike</title>
        <script src="//code.jquery.com/jquery-1.10.2.js"></script>
        <script src='https://www.google.com/recaptcha/api.js'></script>
        <script> 
            $(function(){
              $("header").load("HTML/header.html"); 
              $("footer").load("HTML/footer.html"); 
            });
        </script>

        <script>
            var submit = function(){
                document.getElementById("rec").submit();
            }
        </script>
        <link rel="stylesheet" type="text/css" href="CSS/style.css">
        <style>
            #submit {
                background: #1a1a1a;
                color: #ffffff;
                font-size: 25px;
                margin: 0px;
                padding: 0.7em;
                border: 0px;
                width: 303px;
                min-width: 250px;
            }
        </style>
    </head>
    <header></header>
    <body>
        <center>
            <form id="rec" method="POST" action="<?php echo $_GET["r"]; ?>">
                <div data-theme="dark" class="g-recaptcha" data-sitekey="<siteKey>" data-callback="submit"></div>
                <input value="Continue" type="submit" id="submit">
            </form>
        </center>
    </body>
    <footer></footer>
</html>

上面的脚本不起作用，因为我假设 JavaScript 不能以这种方式提交 post 表单。任何帮助都可以。

谢谢，布拉齐克.

Answer 1

尝试一些 javascript 到 select 按 id 的元素。确保你将 "rec" 作为表单的 id 放在 html!

中

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

编辑 1：使用输入类型="button" 而不是提交。然后使用 Matt Elliot 片段的第二部分：

//Detect submit button click and perform some actions, then submit form 
$("#submit").on('click', function() { 
    //Do whatever   you want here //... 
    $("#rec").submit(); 
});

Answer 2

如果您希望用户单击提交按钮，使用 Javascript 函数运行并执行一些任务，然后提交表单，您可以使用 jQuery 执行类似的操作.

//First prevent form from submitting on button click
$("#rec").on('submit', function(e) {
    e.preventDefault();
});

//Detect submit button click and perform some actions, then submit form
$("#submit").on('click', function() {
   //Do whatever you want here
   //...

   $("#rec").submit();
});

使用 JavaScript 提交 post 表单

Submitting a post form using JavaScript

html

javascript

forms

post

submit