Отправка формы с помощью кнопки JS/JQuery

Question

Я новичок в JS, и у меня очень простой вопрос. Я хочу отправить форму с помощью кнопки, расположенной , за пределами.

заголовок

форма выглядит следующим образом:

<form action="http://www.google.com" method="get" id="myform"> 

Кнопка выглядит следующим образом:

<input type="button" value="Click Me" id="send"> 

Файл JS является:

document.getElementById("send").onclick = function() { 
    document.getElementById("myform").submit(); 
}; 

И это не работает. Когда я нажимал кнопку, ничего не происходит. Любая идея? JQuery также будет хорош для меня вместо vanilla JS.

Цените свою помощь.

Thanks

Answer 1

Предпочитаю использовать JQuery для отправки формы.

Есть другие сообщения в stackoverflow, посвященные теме отправки формы с использованием JQuery. Вы можете проверить это Submit form using jquery

Если я могу добавить что-то, что может пригодиться, если у вас есть валидаторы в форме, например, для обязательных полей. Вы можете добавить чек перед отправкой формы, чтобы узнать, действительно ли все поля. Ваша кнопка метод кликов может выглядеть примерно так:

function SubmitButtonClick(){ 
    var form = $('#myForm'); 
    form.validate(); 
    if(!form.valid()) 
     return false; 
    else 
     form.submit(); 
}) 

Очевидно, что вы просто должны помнить, чтобы добавить метод OnClick данной кнопки так:

<input type="button" value="Click Me" id="send" onclick="SubmitButtonClick()" /> 

Answer 2

Вы можете попробовать приобрести идентификатор формы. И вы называете это от того, кого хотите.

Try:

$(".button").click(function() { 
    $('#myform').submit(); 
}); 

Answer 3

попробовать это:

window.onload = function(){ 
document.getElementById("send").onclick = function() { 
    document.getElementById("myform").submit(); 
};} 

или

document.getElementById("send").onclick = function() { 
document.getElementById("myform").submit();} 

после

<input type="button" value="Click Me" id="send"> 

Answer 4

<script type="text/javascript"> 
 
$(document).ready(function(){ \t \t \t 
 
\t $("#send").on("click",function() { 
 
\t \t $('#myform').submit(); 
 
\t \t }); 
 
\t  }); 
 
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

надежда это поможет вам. После того, как вы покажете страницу google при нажатии кнопки.