WJInsight洞察之眼

分析实时海量数据助力品牌营销决策

目标人群分析品牌认知危机预警

竞争对手分析行业趋势

form表单提交 form表单提交方式

时间:2018-06-28 11:06:30

关于表单提交，做法有很多中，根据具体需求，做出不同的反应吧。我们知道，对于表单提交，正常直接action中写url，点击submit按钮就可以提交了。下面我们就把form表单提交方式总结一下，来帮助大家一起理解。

form表单提交——form表单提交方式

一、利用submit按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false,不提交，如果不为空，提交到由action指定的地址。

二、利用button按钮实现提交，当点击button按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false,不提交，如果不为空，提交到由action指定的地址，由于button按钮不具备自动提交的功能，所以由JavaScript实现提交。

三、利用submit按钮实现提交，当点击submit按钮时，先触发onsubmit事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false,不提交，如果不为空，提交到由action指定的地址。

form表单的file文件上传那些事

客户端直接访问用户计算机的文件,2000以前,在表单添加了<inputtype=”file”>字段.

fileAPI是为給web开发提供安全的方式,以便在客户端更好访问用户的文件,字段的基础上加

了一些直接访问文件信息的接口-files集合.与fileReader类型读取文件的数据.

name:本地文件的名称

size:文件的字节大小

type:字符、文件的MIME类型

lastModifiedDate:文件上次修改的时间(chrome实现了这属性)

readAsText(file,encoding):以纯文本的方式读取文件.

readAsDataURL(file):读取文件并以URL的形式保存在result属性中.

readAsBinaryString(file):读取文件并将一个字符串将保存在result属性中,一个字符为一个字节.

readAsArrayBuffer(file):读取文件并将一个包含文件内容的ArrayBuffer保存在

result属性中.

(file-文件集合;encoding-编码类型)

由于数据是异步读取.因此fileReader提供了几种事件.

progress事件:每～50ms,便触发一次.

error事件:但文件无法读取就会触发,有个属性error.code属性.1表示未找到文件,2表示

安全性错误,3表示读取中断,4表示文件不可读,5表示编码错误.

load事件:触发但文件完整读取后.中断了还会触发abort事件,在load、error事件后还会触发loadend事件.

网页的form表单中，如果存在上传文件的表单，则需要将form标签设置enctype=”multipart/form-data”属性，意思是将Content-Type设置成multipart/form-data。如果大家还想了解更多与之有关的信息，欢迎关注我们文军营销的官网。

推荐阅读