变态输入框——再谈校验包容性（一）
来源：Heidi格物志 发布时间：2009-10-10 13:23:00
标签：输入框,包容性,窗口
揭秘一个普通的输入框背后惊人的秘密。
某月某日，某项目某页面，需要一个价格区间筛选功能，需求合理，所以设计做上去。
这是一个无比普通的输入框。在以往的项目中，一般都会直接由工程师和前端直接应有现有的校验框架，即由产品经理来规定这个输入框里“不规范的字段类型”，然后一旦用户输入不规范的字段类型后，若是后台页面，就会在输入框下方出现红色的提示。如果是前台的页面，就会弹出一个alert box——这个输入框如果这样处理，也没什么。
可是，这个页面是非常重要的前台页面，我是不希望弹出alert box的，如果使用页面提示，也会影响页面结构。
——当然，我也考虑过单纯改进一下提醒的样式，比如将alert box改成一个浮出层（是ppt简单示意一下）：
可是我当时想，这个前台的页面，要体验好一些，能不能包容性一些，比如用户输入前大后小，能不能不提示出错，而自动转换为前小后大呢？若两个输入框一个留空，能不能也继续执行呢？若用户输入字母，能不能自动清除呢？若用户输入了多个小数位，能不能自动四舍五入呢？
0
投稿猜你喜欢
- 一、节点的定义dom节点树图中可见节点HTML文档中的每个成分都是一个节点:整个文档是一个文档节点每个HTML标签是一个元素节点包含在HTM
- js中变量的特征js的变量是松散类型的。变量可以用于保存任何类型的数据。所以js也被称为弱类型语言。变量的定义与访问简单说下作用域什么是作用
效果如下所示：# -*- coding: utf-8 -*-import turtle# 绘制太极图函数def draw_TJT(R):&n- 我们都知道在Web开发中，都需要服务器，比如Java Web开发的Tomcat，WebLogic，WebSphere，现在来看利用Torna
- 我们平时导入第三方模块的时候，一般使用的是 import 关键字，例如：import scrapyfrom scrapy.spider im
- 一、操作redisredis是一个key-value存储系统，value的类型包括string(字符串)，list(链表)，set(集合)，
- 当models中使用ManyToManyField进行多表关联的时候,需要使用字段的add()方法来增加关联关系的一条记录,让两个实例关联起
- 本文实例讲述了Mysql数据库高级用法之视图、事务、索引、自连接、用户管理。分享给大家供大家参考，具体如下：视图视图是对若干张基本表的引用，
- 这份代码不是那种时间没有改变也输出innerHTML的高消耗代码。innerHTML和style的改变是非常消耗游览器性能的，如果你将来希望
- 项目中使用mp3格式进行音效播放，遇到一个mp3文件在程序中死活播不出声音，最后发现它是wav格式的文件，却以mp3结尾。要对资源进行mp3
- range()反向遍历的几种表达for i in range(10,0,-2):#有10 print(i)prin
- python中字典和列表的使用，在数据处理中应该是最常用的，这两个熟练后基本可以应付大部分场景了。不过网上的基础教程只告诉你列表、字典是什么
- Get Started Tutorial for Python in Visual Studio Code一、安装PythonPython简
- 这个问题好像在各种数据库中都存在，该如何处理呢？一、SQL中：sql="CREATE TABLE phone&
- 在论坛上看到了用Python登录微信并实现自动签到，才了解到一个新的Python库： itchat库文档说明链接在这：
- 有时候在使用 Python 的时候，想要对一个数字或者字符串进行补零操作，即把「1」变为一个八位数的「00000001」，这个时候可以使用一
- 在你的 Django 应用中，你或许希望根据某字段的值对检索结果排序，比如说，按字母顺序。 那么，使用 order_by() 这个方法就可以
- 前言为了满足用户渠道推广分析和用户账号绑定等场景的需要，公众平台提供了生成带参数二维码的接口。使用该接口可以获得多个带不同场景值的二维码，用
- 一、避免Firefox 背景图不显示的兼容问题，定义background 属性，先后顺序不能随意变动。background : backgr
- 什么是formset我们知道forms组件是用来做表单验证，更准确一点说，forms组件是用来做数据库表中一行记录的验证。有forms组件不
