将submit放在form标签之外如何实现表单的提交

我想把submit的按钮放在form标签之外,怎么把实现数据的提交

阅读 14.5k
3 个回答

可以考虑ajax吧

//在form表单外
<div id="submit">表单提交</div>
<script>
      $('#submit').click(function() {
        $('form').submit();
      });
</script>

不考虑兼容性的话。表单元素都加了个form属性,就算不是在form内,也会绑定的
补充:
<form id="myForm"><input type="text" name="d" id="d" required/></form><input type="submit" value="提交" form="myForm"/>
提交按钮在form外面,但提交的时候会验证form里面的text的required,当然你把文本框放外面然后加form属性也可以

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题