Отправка формы сообщения с использованием JavaScript

Question

Отправка формы сообщения с использованием JavaScript

Я хотел бы заменить свою кнопку HTML действием JavaScript. Хотя мне нужно функцию, чтобы отправить форму для этого, чтобы работать.

<!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 не может отправлять формы сообщений таким образом. Любая помощь подойдет.

Спасибо, Блаззик.

0

javascript html forms post submit

Источник

user5970514 23 фев '16 в 20:52

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();
});

1

Источник

user5966555 23 фев '16 в 22:19

Другие вопросы по тегам javascript html forms post submit

user1676916 23 фев '16 в 21:08 2016-02-23 21:08 · Accepted Answer · 2016-02-23 21:08

Попробуйте какой-нибудь javascript, чтобы выбрать элемент по id. Убедитесь, что вы указали "rec" как идентификатор формы в html!

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

Редактировать 1: использовать input type="button" вместо submit. Затем используйте вторую часть фрагмента Мэтта Эллиота:

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