JS 提交按钮在表单外面

Herald Yu

• 1 min read

表单的提交按钮 <button type="submit">确定</button> 通常放在 <form> 里面，但现在情况特殊，按钮需要放在 form 外面，该如何让这个按钮控制表单呢。

或者可以这样说，如果页面里有多个 form 表单以及外部的一组按钮，如何让按钮与特定的表单关联呢？

首先，给表单填 ID

<form id="info" action="">
...
</form>

<button>提交</button>

然后，定义 JS 方法

为了方便，这里使用 juqery。

<script>
function submit_info() {
    $(document).ready(function(){
        $("form#info").submit()
    })
}
</script>

最后，处理按钮

给按钮添加 onclick 属性和值 sub_info()：

...
<button onclick="sub_info()">提交</button>