总结前端表单容易忽略的细节

在开发前端功能时，有时候为了追求速度，只输入正确的测试值（当然也会有需求不明、考虑不周的情况），往往出现的情况就是，一测就跪。

因此，总结了常见的控件需要注意的细节，对于特殊的插件控件来说，注意点也是相似的。

普通输入框

• 最大长度
• 最小长度
• 特殊字符（防止SQL注入，防止字符集不支持，主要是后端多注意）

数值输入框

• 最大值
• 最小值
• 精度
• 步长（只允许某些数值的整数倍）
• 单位转换

日期输入框

• 可选范围
• 数据格式
• 数据转换（是否跨时区，转为timestamp）

单选框

• 默认选中值
• 选中“其它”联动出现新的必填输入框

复选框

• 最多选几项
• 最少选几项
• 选中“其它”联动出现新的必填输入框

下拉列表

• 特殊首选项（全部，请选择）
• 默认选中值
• 项过多时，允许输入名称快速检索
• 多个下拉列表的联动

异步输入框

• 注意触发频率，不要对后端造成影响
• 特殊字符（防止SQL注入，防止字符集不支持，主要是后端多注意）

文件上传

• 文件类型
• 文件大小
• 异步上传是否支持预览

提交按钮

• 异步事件，返回响应之前，只允许点击一次