变态输入框——再谈校验包容性（一）

揭秘一个普通的输入框背后惊人的秘密。

某月某日，某项目某页面，需要一个价格区间筛选功能，需求合理，所以设计做上去。

这是一个无比普通的输入框。在以往的项目中，一般都会直接由工程师和前端直接应有现有的校验框架，即由产品经理来规定这个输入框里“不规范的字段类型”，然后一旦用户输入不规范的字段类型后，若是后台页面，就会在输入框下方出现红色的提示。如果是前台的页面，就会弹出一个alert box——这个输入框如果这样处理，也没什么。

可是，这个页面是非常重要的前台页面，我是不希望弹出alert box的，如果使用页面提示，也会影响页面结构。

——当然，我也考虑过单纯改进一下提醒的样式，比如将alert box改成一个浮出层（是ppt简单示意一下）：

可是我当时想，这个前台的页面，要体验好一些，能不能包容性一些，比如用户输入前大后小，能不能不提示出错，而自动转换为前小后大呢？若两个输入框一个留空，能不能也继续执行呢？若用户输入字母，能不能自动清除呢？若用户输入了多个小数位，能不能自动四舍五入呢？