(3).重复提交
// 当一条数据提交到服务器的时候会出现延迟等长时间没反映,导致用户不停的点击提交,
// 从而使得重复提交了很多相同的请求,或造成错误或写入数据库多条相同信息;
// 解决重复提交方案
// 第一种:提交之后,立刻禁用点击按钮;
document.getElementById('sub').disabled = true; // 将按钮禁用;
// 第二种:提交之后,取消后续的表单提交操作;
var flag = false; // 设置一个监听变量;
if(flag == true)return; // 如果存在则返回退出事件;
flag = true; // 否则确定是第一次,改变监听变量的值;
3.重置表单
// 不需要JS代码即可实现;
addEvent(document,'click',function(){
fm.reset(); // 使用JS方法实现重置;
});
// 表单处理中,建议使用HTMLDOM,它有自己的elements属性,该属性是表单中所有元素的集合;
fm.elements[0]; // 获取第一个表单字段元素;
fm.elements['user']; // 获取name值是user的表单字段元素;
fm.elements.length; // 获取所有表单字段的数量;