A. js表单提交
表单提交是刚开始学js的朋友很迷惑的一个问题，怎么提交，怎么阻止默认提交，怎么提交表单不跳转等等问题，下面是一些示例
原始的表单提交有 button 按钮提交和 <input /> 类型的。它们又什么区别呢？
(1) 默认表单提交
(2)默认不会提交表单
(3) 如果在 form ,我们使用了 type=''submit 属性，但是不让表单默认提交，有什么办法呢？看下面
(4) 如果在 form ,我们使用了 type=''button 属性，但是还是需要提交表单，这是可以使用ajax来提交，好处是可以自己控制提交，并且页面不会跳转
(5)若是使用默认提交的方法，且提交之前验证表单，方法看下面
(6) 若是使用了 type='button' 属性，但是还是想实现默认提交的方式怎么办？ 看下面
(7) 下面的提交会发生什么？
分析 : 点击提交按钮:
(1)当表单验证失败时，不会触发 form.submit() 函数，所以可以触发 <form> 的 onsubmit 句柄，又因为该句柄 return false 所以表单不会从该句柄处默认提交，所以 会在控制台打印出 表单的onsubmit事件句柄在form.submit()调用时失效'
(2)当表单验证成功时,会触发 form.submit() 函数提交表单，又因为 form.submit()提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用，所以 控制台不会打印出 表单的onsubmit事件句柄在form.submit()调用时失效
现在表单默认提交的方式基本没人用了，都是ajax异步提交。但是了解一些还是好的。。。
B. js表单提交和submit提交的区别
js提交和submit按钮提交的区别:
1. js提交表单时不会带上 submit 按钮的值(因为没有回被单击) 所有浏览器答
2. input 回车提交 w3c浏览器会带上submit按钮的值，ie6则不会带
解决办法：增加一个hidden域,用这个来判断，无论用哪种方式提交都会有值
submit按钮上绑定提交事件:
即:<input type="submit" name="btn" value="btn" onclick="test()" />
都会带上submit的值, 用js提交都检测不到onsubmit状态
w3c： 提交一次
ie6: 分两次提交，先js在form提交
解决办法：如果按钮为submit则 检测时用onsubmit事件检测
如果按钮为button，则检测通过后在触发submit事件
一定不要用js提交表单，然后又用onsubmit去检测
单纯的用js提交表单, alert, ff下阻塞表单的提交，而其他浏览
C. 2020-01-03 原生js中form表单提交的数据的格式
第一次写这种文章。
1. 原生js中，form表单在提交数据的时候默认的编码格式是application/x-www-form-urlencoded
2. 如果表单中有文件需要上传，那么必须在form元素中添加除了action和method（如果是get请求，可以不添加method属性。默认情况下，form表单以get方式提交表单数据）之外的第3个属性enctype，并且设置enctype="multipart/form-data"。
参考页面： HTML
D. javascript表单提交并限制字数
需要限制输入的最大字数。javascript表单提交并限制字数需要限制输入的最大字数，如只能输入200个字超过200个字则禁止输入，需要将当前输入的字符数统计出来能够被看到，要兼容ie8适用于input、textarea这两种最常用的输入类型表单提交。
E. js 提交表单数据： 附件+对象的的多集合
在我们前端进行表单提交的时候，有时候会出现这种情况：Failed to convert java.lang.String to java.util.List
等等。
例如：
我后台定义一个对象：
examPaper 包含 String userId,Float userScore, MultipartFile examFile 用户id ,试卷分数，试卷文件
对象外面 classPaper有： String classId String className List<examPaper> examPaperList
这个时候，后台接收为 ClassPaper
如果按照平常的 form-data 提交 则应按以下方式提交：
let fd = new FormData();
fd.append("classId ",classId );
fd.append("className ",className );
examPaperList.forEach((item,index) ->{
fd.append("examPaperList["+index+"].userId",item.userId);
fd.append("examPaperList["+index+"].userScore",item.userScore);
fd.append("examPaperList["+index+"].examFile ",item.examFile );
});
以这种方式就可以实现 多附件 一一 对应提交。以避免对象转换错误问题。
F. js表单提交和submit提交的区别
submit和button（js表单提交）,二者都以按钮的形式展现。
项目中比较常用到的，二者最主要的区别是：
submit：默认为form提交，可以提交表单（form）；
button（js表单提交）：响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.
G. js表单提交和submit提交的区别
假设：
A表单内有<input type="submit">，通过点击这个input来提交表单
B表单内没有<input type="submit">，而是写了一个<input type="button">，并且在这个input上绑定了click事件，在事件的监听器内用js的form.submit()提交。
1.在A表单内的某个input type=text，用户正与它交互（它是当前焦点），用户只需要按一下键盘的enter，就能提交表单；而B在某些情况下不行（部分情形参考回车提交表单），只能click下面的button；当然你可以给每个input绑定一个keypress事件，再检测按下的键是不是enter，如果是，就提交……只要不觉得蛋疼。
2.B表单提交不会触发form的 onsubmit事件；A会触发。
另外，还有HTML语义化的区别，A表单的处理更语义化，至于A能在js加载失败时提交表单（起码还能用），B不行之类的，就不说了。
总之，A，<input type="submit">更好，B在用户体验上差的有点多。
H. 怎样用js创建表单并提交
vara=document.createElement("form");
varb=document.createElement("input");
varc=b;
b.setAttribute("type","text");
c.setAttribute("type","submit");
b.setAttribute("name","1");
c.setAttribute("name","2");
document.body.appendChild(a);
a.appendChild(b);
a.appendChind(c);提交是：
c.click();
制造submit按钮的点击时间，自动完成确认
I. JavaScript如何控制表单提交
<formaction=""id="form"name="form"></form>
document.getElementById("form").submit();这是复通过js控制form表单的制提交，在这里可以做到提交表单前数据的校验。
J. jsp 中用js提交表单并关闭本窗口的问题。