以下为常规的需求,除非需求有明确说明,如密码输入框中可以输入空格。
 
输入框
1. 为空,但页面中明确说明不能为空(带有星号或者只有这一个输入框),有以下两种情况:
a. 不进行输入或者使其为空:焦点离开后应有相应的提示,提交后页面无跳转并仍有相应的提示。
b. 输入框中存在一个或者多个空格:焦点离开后空格被自动清除并有相应的提示,提交后页面无跳转并仍有相应的提示。
 
2. 输入长度超限,有以下两种情况:
a. 可以输入任意长度的字符:焦点离开后应有相应的提示,提交后页面无跳转并仍有相应的提示。
b. 只能输入指定长度以内的字符:焦点离开后无相应的提示,提交后页面跳转并且相关的页面显示和功能都正常。
 
3. 特殊字符,尤其是成对的单引号,双引号:无需提示,但提交后相关的页面显示和功能都正常。
 
4.对于只能输入数字类型的输入非半角阿拉伯数字的其他字符:
a.  输入立即被清除,无需提示。
b. 焦点离开后有相应的提示,提交后页面无跳转并仍有相应的提示。
 
搜索框
1.为空,有以下两种情况:
a. 只有这一个搜索框,无组合查询:进行搜索时无提示但焦点位于该搜索框内,不执行搜索。
b. 还有其他查询条件控件,有组合查询:进行搜索时无提示但焦点可位于其他控件,忽略该搜索框,执行搜索。
 
2.关键字两边带有空格:进行搜索时会自动清除两边的空格并执行搜索。
 
3.关键字长度超限:进行搜索时有相应的提示并不执行搜索。
 
日历控件
以下4个条件都应满足:
1.  截止日期/时间控件的选择范围不能晚于当前时间;
2.  截止日期/时间控件的选择范围不能早于起始日期/时间控件的已经选择的日期/时间;
3.  起始日期/时间控件的选择范围不能晚于截止日期/时间控件的已经选择的日期/时间;
4.  选择某一日期/时间控件的日期/时间后再清除该选择,另一日期/时间控件的日期/时间选择范围不受规则2和3的限制。
 
上传图片控件
以下4个条件都应满足:
1. 选择的文件非指定格式的图片文件后有相应的提示并且该文件没有被上传;
2. 选择的文件大于指定的图片大小(指所占的磁盘空间)后有相应的提示并且该文件没有被上传;
3. 选择的文件大于指定的图片尺寸(指图片的长和宽)后有相应的提示并且该文件没有被上传;
4. 图片上传成功后可以在之前的图片区域正确显示。

WEB页面中常见的四种控件的必须的测试的更多相关文章

  1. 弹出框页面中使用jquery.validate验证控件

    弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...

  2. HttpRequest中常见的四种Content-Type(转)

    add by zhj: Content-Type用于说明request body的编码格式的,对于没有request body的http method如GET,HEAD没有必要设置这个参数,当然,你设 ...

  3. Robot Framework--接口测试中常见的四种POST方式

    写接口测试用例时,遇到以json格式提交数据时,报错,Request如下图: Response如下图: 改成form格式提交,可以正常运行,如下图: 代码如下: ------------------- ...

  4. 页面中CSS的四种引入方式的介绍与比较

    转自:https://blog.csdn.net/qq_38689666/article/details/79039392 一:行内式 <p style="color:red" ...

  5. 在view中常见的四种方法的使用场合

    四种方法,使view创建好里面就有东西:[1.init  2.initWithFrame使用代码创建的时候.(从文件创建的时候不一定调用:1.init  2.initWithFrame这两个方法) 3 ...

  6. Cocos2dx中的四种控件及主要用法

    1.控件:即控制对象,控制按钮之类的精灵 2.主要介绍四大类控件: CCControlSlider:进度条 CCControlSwitch:开关 CCScale9Sprite:9妹图(用于缩放) CC ...

  7. web.xml中<security-constraint>和四种认证类型

    https://blog.csdn.net/lisheng19870305/article/details/40819481 sztc开发中http请求一直发送后无响应,通过soapui定位异常信息为 ...

  8. HttpRequest中常见的四种ContentType【转载】

    本文转自:http://www.aikaiyuan.com/6324.html HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS.GET.HEAD.POST.PUT.DELETE.T ...

  9. HttpRequest中常见的四种ContentType

    https://www.cnblogs.com/xiaozong/p/5732332.html

随机推荐

  1. .Net 4.5可执行程序OutOfMemory

    原创文章转载请注明出处:@协思, http://zeeman.cnblogs.com   产线上新部署的服务,发生几次无故停止的情况,通过系统事件看到是这样:   这个服务缓存了大量的数据,内存占用比 ...

  2. Android Secret Code

    我们很多人应该都做过这样的操作,打开拨号键盘输入*#*#4636#*#*等字符就会弹出一个界面显示手机相关的一些信息,这个功能在Android中被称为android secret code,除了这些系 ...

  3. WCF学习之旅—第三个示例之五(三十一)

       上接WCF学习之旅—第三个示例之一(二十七)               WCF学习之旅—第三个示例之二(二十八)              WCF学习之旅—第三个示例之三(二十九) WCF学习 ...

  4. MUI 个推获取ClientID的方法

               本次是获取个推ClientID的方法              //监听消息开始             document.addEventListener("plus ...

  5. php json_encode数据格式化

    在用ajax与后台交互数据的时候,后台传回来的数据格式不正确,后参考@傲雪星枫的博客在PHP文件添加了一段代码 :echo json_encode($arr); 成功解决.

  6. AJAX POST&跨域 解决方案 - CORS

    一晃又到新年了,于是开始着手好好整理下自己的文档,顺便把一些自认为有意义的放在博客上,记录成点的点滴.          跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是 ...

  7. 数据结构笔记--二叉查找树概述以及java代码实现

    一些概念: 二叉查找树的重要性质:对于树中的每一个节点X,它的左子树任一节点的值均小于X,右子树上任意节点的值均大于X. 二叉查找树是java的TreeSet和TreeMap类实现的基础. 由于树的递 ...

  8. Node.js大众点评爬虫

    大众点评上有很多美食餐馆的信息,正好可以拿来练练手Node.js. 1. API分析 大众点评开放了查询商家信息的API,这里给出了城市与cityid之间的对应关系,链接http://m.api.di ...

  9. javascript编程杂记

    1.数组深复制 var obj =[1,2,4]: var obj2 = obj.slice(0);

  10. Kafka无消息丢失配置

    Kafka到底会不会丢数据(data loss)? 通常不会,但有些情况下的确有可能会发生.下面的参数配置及Best practice列表可以较好地保证数据的持久性(当然是trade-off,牺牲了吞 ...