点击 javascript 提交表单-ag捕鱼王app官网

本教程将讨论如何使用 javascript 中的 submit() 函数提交表单。

通过单击链接并使用 javascript 中的 submit() 函数提交表单

在 javascript 中，你可以使用 form 标签创建一个表单，你可以使用 id 属性给表单一个 id，之后，你必须选择一种提交表单的方法，你可以提交表单单击链接或按钮时。现在，有两种提交表单的方法，你可以使用 onclick 属性在 html 代码中执行此操作，也可以在 javascript 中执行此操作。例如，让我们使用 onclick 属性在 html 中提交一个表单。请参考下面的代码。

<form id="formid">
  <a href="formlink" id = "linkid" onclick="document.getelementbyid('formid').submit();"> submitform a>
form>

你可以根据需要更改上述代码中的 form id 和链接 id。不推荐使用此方法，因为你将 html 与 javascript 代码混合在一起。你还可以通过使用表单和链接的 id 在 javascript 中单独执行此操作。例如，让我们使用单独的 javascript 进行上述操作。请参考下面的代码。

var myform = document.getelementbyid('formid');
document.getelementbyid('linkid').addeventlistener('click', function() {
  myform.submit();
});

建议使用此方法，因为 html 和 javascript 位于不同的文件中。请注意，你必须使用在 html 中定义的表单 id 和链接 id 才能在 javascript 中获取这些元素。单击链接时将提交表单。

通过单击按钮并使用 javascript 中的 submit() 函数提交表单

你可以使用按钮提交表单。提交表单有两种方法，你可以使用 onclick 属性在 html 代码中执行此操作，也可以在 javascript 中执行此操作。例如，让我们使用 onclick 属性在 html 中提交一个表单。请参考下面的代码。

<form id="formid">
  <button id = "buttonid" onclick="document.getelementbyid('formid').submit();"> submitform button>
form>

与上述方法类似，不推荐使用此方法，因为你将 html 与 javascript 代码混合。让我们使用单独的 javascript 来完成上述操作。

var myform = document.getelementbyid('formid');
document.getelementbyid('buttonid').addeventlistener('click', function() {
  myform.submit();
});