bob体育官方平台
JS+php后台达成文件上传效用精解_javascript技术_脚本之家

本文实例分析了JS两种类型的表单提交方法。分享给大家供大家参考,具体如下:

  原创文章,转载请注明出处:

本文实例讲述了JS+php后台实现文件上传功能。分享给大家供大家参考,具体如下:

1.原始的

  若有错误,请评论指出,谢谢!**

一、利用 FormData 对象形式上传

提交

  Form 对象代表一个 HTML 表单。在 HTML 文档中 <form> 每出现一次,就会有一个Form 对象被创建。

FormData 是 XMLHttpRequest 2 的产物,兼容 IE10+。

这里的button提交之后,执行subForm()方法,subForm可以对表单进行验证,返回false,表单不提交。否则提交。

  首先,看Form自身的事件句柄属性。Form对象本身提供两个JavaScript事件句柄属性:onreset() 和 onsubmit(),前者可用于重置form表单中的数据,后者在试图提交表单时调用。可以给onsubmit属性指定JavaScript语句或函数用于在提交时执行。比如,一个简单的测试,使用input标签在提交表单时弹出提示“表单提交...”,则为:

FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。

function subForm(){ var flag = true; $.each{ if { flag = false; $.css({ border: "1px solid #F56939",borderRadius:"5px",color:"#F56939",height:"26px"}); $.attr.val; /*$.each{ if.val { flag = false; $.css({ border: "1px solid #F56939",borderRadius:"5px",color:"#F56939",height:"26px"}); if.attr{ $.attr.val; } } });*/ var reg = new RegExp; $.each{ if.val { flag = false; $.css({ border: "1px solid #F56939",borderRadius:"5px",color:"#F56939",height:"26px"}); if.attr{ $.attr.val; } } }); $.each{ if.val { flag = false; $.css({ border: "1px solid #F56939",borderRadius:"5px",color:"#F56939",height:"26px"}); if.attr{ $.attr.val; return flag;}
<form action="/" onsubmit="alert('表单提交...')">
    <input type="submit" value="提交">
</form>

使用 FormData 对象

2.js设置的提交

这条语句除了让浏览器弹出一个提示框外没有其他作用,但它验证了Form对象的onsubmit 句柄属性。可以给onsubmit属性指定提交事件触发时需要执行的函数,比如,登录时指定一个名为login的函数:

1.取得form对象,作为参数传入到FormData对象

图片 1

<form action="/" onsubmit="login();">
    <input type="submit" value="提交">
</form>
var form = document.getElementById;var formdata = new FormData;
返回顶部