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对我来说也不错，而不是香草JS。

感谢您的帮助。

谢谢

Answer 1

＆＃13;

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

＆＃13;

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

＆＃13;

希望这会对你有帮助。因为你点击按钮点击谷歌页面。

Answer 2

您可以尝试获取表单的ID。你从你想要的那个叫做它。

尝试：

$(".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

我更喜欢使用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()" />

使用JS / Jquery提交带有按钮的表单

4 个答案: