变态输入框——再谈校验包容性（一）
来源：Heidi格物志 发布时间：2009-10-10 13:23:00
标签：输入框,包容性,窗口
揭秘一个普通的输入框背后惊人的秘密。
某月某日，某项目某页面，需要一个价格区间筛选功能，需求合理，所以设计做上去。
这是一个无比普通的输入框。在以往的项目中，一般都会直接由工程师和前端直接应有现有的校验框架，即由产品经理来规定这个输入框里“不规范的字段类型”，然后一旦用户输入不规范的字段类型后，若是后台页面，就会在输入框下方出现红色的提示。如果是前台的页面，就会弹出一个alert box——这个输入框如果这样处理，也没什么。
可是，这个页面是非常重要的前台页面，我是不希望弹出alert box的，如果使用页面提示，也会影响页面结构。
——当然，我也考虑过单纯改进一下提醒的样式，比如将alert box改成一个浮出层（是ppt简单示意一下）：
可是我当时想，这个前台的页面，要体验好一些，能不能包容性一些，比如用户输入前大后小，能不能不提示出错，而自动转换为前小后大呢？若两个输入框一个留空，能不能也继续执行呢？若用户输入字母，能不能自动清除呢？若用户输入了多个小数位，能不能自动四舍五入呢？
0
投稿猜你喜欢
按照惯例，年底的淘宝的确是到了“需要改版的时候”。这次新版的淘宝首页上线，乍看并没有多少夺人眼球的地方，但仔细揣摩其中的细节，还是发现了不少- 从毕业实习算起，从事可用性方面的工作到现在已经5年了。在此记录笔者的一些所见所想，和大家讨论分享一下。用户研究在“以用户为中心”的界面设计方
- 在oracle数据库的开发中，常因为时间的问题大费周章，所以特地将ORACLE数据的日期函数收藏致此。乃供他日所查也。 add_months
- 这是一个非常简单的解决方案，柱状图中每一条柱都是一个 div，数据的大小呈现在 div 的宽或高上。 查看演示 例子下载实现的原理
- 有2个不同的方法增加用户：通过使用GRANT语句或通过直接操作MySQL授权表。比较好的方法是使用GRANT语句，因为他们是更简明并且好像错
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
- 思想：4个数字的排列，加上3个运算符的排列，使用后缀表达式的表现如下：情形一：1,2,3,4,+,-,* => 24*24*4情形二：
- Java Java 是由 Sun 公司开发而成的一种编程语言，利用 Jave 写成的小程序叫做 Java
- 如果你计划将数据库从SQL Server 2000 升级到 SQL Server 2005。你在升级之前一定会测试每样东西，并且证明应用程序
- 众所周知道，IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多，我们不得不想法设法搞定它。下面，将介绍的将是利用其特点而被发
- 阅读上一章：Chapter 13 为文字指定样式Chapter 14 图片替换随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有
- 今天在写BLOG的Trackback时，需要用到当前页的URL地址，并且包括?后的所有参数。在网上看到以下的这段ASP代码，它的
- 问题：导入数据时是否需要禁用索引?解答：在使用load data导入数据时，如果导入的表是MyISAM的，对于空表，MySQL数据库会把所有
- 问题：SQL Server 2005中如何利用xml拆分字符串序列？解答：下文中介绍的方法比替换为select union all方法更为见
- 加班时抽空弄的，javascript图片链接定时轮换，自适应图片大小，支持预载，进行了简单封装，方便调用。发现自己还是菜得很，一个简单效果被
- 处理页面中的间歇无缝滚动新闻的时候，最常见的方法就是将滚动区内容复制追加一份，然后通过控制和判断滚动块的scrollTop来实现滚动停止效果
- Oracle 背景资料 在介绍 Oracle9i 之前我们先介绍一些关于Oracle 公司的资料，让各位朋友更多了解 Oracle。 197
- 一、将PHP数组转换为JSON格式在PHP中，我们可以直接使用数组来存储数据。但是在JS中，数组通常以JSON（JavaScript Obj
- 在cssplay网站看到有一组CSS像素画，于是也想摩仿一下，于是在网络上找到一组头像图标，看其结构比较简单，就拿它开刀吧！先看看预览图图一
- 星爷的一部“国产007”应该是无人不晓，其中一个片段是将“007”向MM展示他的秘密武器。皮鞋可以吹头发，大哥大可以刮胡子……把真实功能隐蔽
