以下为常规的需求,除非需求有明确说明,如密码输入框中可以输入空格。
 
输入框
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. Leetcode 笔记 35 - Valid Soduko

    题目链接:Valid Sudoku | LeetCode OJ Determine if a Sudoku is valid, according to: Sudoku Puzzles - The R ...

  2. 白板编程浅谈——Why, What, How

    作者:Lucida 微博:@peng_gong 豆瓣:@figure9 原文链接:http://lucida.me/blog/whiteboard-coding-demystified/ 这篇文章节选 ...

  3. Contents Of My Blogs

    C++ How To Use Goto? Preprocessing Directive std::array std::deque std::forward_list std::map std::m ...

  4. 7. SVM松弛变量

    我们之前讨论的情况都是建立在样例线性可分的假设上,当样例线性不可分时,我们可以尝试使用核函数来将特征映射到高维,这样很可能就可分了.然而,映射后我们也不能100%保证可分.那怎么办呢,我们需要将模型进 ...

  5. react+redux教程(八)连接数据库的redux程序

    前面所有的教程都是解读官方的示例代码,是时候我们自己写个连接数据库的redux程序了! 例子 这个例子代码,是我自己写的程序,一个非常简单的todo,但是包含了redux插件的用法,中间件的用法,连接 ...

  6. 通过Matrix进行二维图形仿射变换

    Affine Transformation是一种二维坐标到二维坐标之间的线性变换,保持二维图形的"平直性"和"平行性".仿射变换可以通过一系列的原子变换的复合来 ...

  7. 浅谈css的栅格布局

    栅格布局想必大家都很了解,我们做页面开发的时候,往往对页面板式的要求很高,如何对各个区域的内容排版,并使之对齐是我们的一大难题.而栅格系统就是我们排版的利器,他支持自动对齐.自动计算边距.流式布局等优 ...

  8. 使控件具有 Tilt 效果

    步骤1:添加类: /* Copyright (c) 2010 Microsoft Corporation. All rights reserved. Use of this sample source ...

  9. IE兼容性问题汇总【持续更新中】

    问题:IE8/9不支持Array.indexOf 解决方案 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt ...

  10. 年终巨献 史上最全 ——LINQ to SQL语句

    LINQ to SQL语句(1)之Where 适用场景:实现过滤,查询等功能. 说明:与SQL命令中的Where作用相似,都是起到范围限定也就是过滤作用的,而判断条件就是它后面所接的子句.Where操 ...