jquery提交表单:实现点击同时提交多个form表单
通常情况下,我们提交一个form表单,需要使用button按钮来实现,但是在实际开发过程中往往点击form表单之外的元素来提交表单。另外有时一个网页上会有多个表单,提交到不同的地址,怎么实现点击同时提交多个form表单呢?
下面学做网站论坛介绍一下操作方法。
先贴出相关代码:
<script>
//实现点击同时提交多个form表单
$('.btn').click(function(){
$("form").submit();
});
</script>
方法/步骤
- 新建一个html文件,命名为test.html,用于存放同时提交多个form表单代码。
- 在test.html文件内,使用form标签创建一个表单,并设置表单的id为myform。
- 在test.html文件内,在form表单内,创建两个输入框,一个用户名的输入框,一个密码输入框,同时设置它们的name属性分别为user和pwd。
- 在test.html文件内,在form表单内,使用button标签创建一个按钮,按钮名称为“提交”。
- 在test.html文件中,给button按钮绑定onClick点击事件,当按钮被点击时,执行sub()函数。
- 在js标签中,创建sub()函数,在函数内,通过id(myform)获得表单对象,使用submit()方法实现表单内容的提交,并使用alert()方法提示提交的结果。
- 在浏览器打开test.html文件,填写表单内容,点击按钮,查看实现的效果。
相关知识:FORM表单写入JS里并无刷新提交