Question

我有一个html文件，其中包含一个包含提交按钮的表单，以及一个位于表单之外的锚标记。是否可以从锚链接“模拟”提交按钮？

换句话说，JavaScript函数可以“调用”提交页面上的表单吗？

Answer 1

当然，您可以使用submit()方法提交如下表单：

<a href="#" onclick="document.FormName.submit()">Submit Form</a>

或者

<a href="#" onclick="document.getElementById('formID').submit()">Submit Form</a>

为了不引人注目，你可以这样做：

<强> HTML：

您可以为您的链接指定一个ID：

<a href="#" id="link">Submit Form</a>

<强>使用Javascript：

<script type="text/javascript">
  var link = document.getElementById('link');

  link.onclick = function(){
    document.getElementById('formID').submit();
    return false;
  };
</script>

其中formID是id的{{1}}。

Answer 2

这样的事情可能有用......（假设你给你的提交按钮一个id。）

<a href="#" onclick="document.getElementById('theSubmitButton').click();return false;">Submit form</a>

通过JavaScript提交表单

2 个答案: