如何手动提交表单

弄清楚几个问题

  1. 表单提交流程

  2. 关于form的文档(你了解了form的属性和方法,以及form包含的内部元素的属性和行为,你就彻底明白formle)

https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms

表单的一些属性

参考: https://blog.csdn.net/u012867699/article/details/78114298
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,
每一个input标签都需要有一个name属性,才能进行提交。
button的type 属性,IE的默认是 “button”,非IE默认是 “submit”。如果想不提交需要指定type为”button”。

2.button[type=submit]

button是一个按钮,type的默认属性是submit,所以点击会提交表单

建议用button作为交互用的按钮,来提交表单。同时请注意设置type=submit来兼容IE。

3、表单验证

onSubmit是表单上(也只能是表单)用的,提交表单前会触发

onClick是按钮等控件上用的,用来触发点击事件。
在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。

但是onclick比onsubmit更早的被触发。

提交过程:

1、用户点击按钮 ---->

2、触发onclick事件 ---->

3、onclick返回true或未处理onclick ---->

4、触发onsubmit事件 ---->

5、onsubmit未处理或返回true ------>

6、提交表单.

onsubmit处理函数返回false,onclick函数返回false,都不会引起表单提交。

猜你喜欢

转载自www.cnblogs.com/DongXuefeng/p/js_form.html
今日推荐