关于等价类测试的简单实践(二) 20150329

我的上一篇博客：http://www.cnblogs.com/wushaobo/p/4356803.html

检验字符串是否合法

1)要求：允许1到6个英文字符或数字。三个输入框同时检验

2)划分等价类：

划分等价类：有效等价类:长度:1到6字符:a-z,A-Z,0-9

无效等价类：长度:0,7 字符:英文/数字以外字符,控制字符，标点符号。

编号	有效等价类	编号	无效等价类
1	所有长度1—6	3	至少一个长度0
		4	至少一个长度大于6
2	所有 a-z,A-Z,0-9	5	至少一个含特殊字符

3)设定测试用例

编号	test1	test2	test3	覆盖测试用例	期望输出	实际输出
1	123456	asdqd	ADSD	1,2	true	true
2		@!#	ASDFAXZC	3,4,5	false	false
3	sfw	qwa.,	wewf	1,5	false	false
4	sdfw23dfa	3dD	wer	2,4	false	false
5	adsgawfs!@a		ew	3,4,5	false	false
	a@da	aqwwczwww2	.,;dgs	4,5	false	false

4)代码实现及测试

使用jsp+javascript的方法实现。

 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 3 <html>
 4 <center><font size=7 color=#800000>字符串校验</font> </center>
 5 <br/>
 6 <hr/>
 7 <script type="text/javascript">
 8         function check() {
 9             var output = new Array("","","");
10             var regex = /^[A-Za-z0-9]+$/;
11              for (var i = 0; i < 3; i++) {
12                 var t = document.getElementById(i).value;
13                 if (t.length == 0) {
14                     output[i] = "test" + (i+1) + "不能为空!";
15                 }
16                 if (t.length != 0 && t.length > 6) {
17                     output[i] = "字符" + t + "过长!";
18                 }
19                 if (t.length > 0 && t.length <= 6) {
20                     if (regex.test(t) == true) {
21                         output[i] = "字符" + t + "合法!";
22                     } else {
23 
24                         output[i] = "字符" + t + "不合法!";
25                     }
26                 }
27              }
28             var string = ""+output[0]+"
"+output[1]+"
"+output[2]+"";
29             alert(string);
30             window.location = "index.jsp";
31         }
32     </script>
33     <form action="">
34 <div class="form-group">
35 <center>请输入1-6个英文字符或数字</center><br/>
36 <center>test1: <input class="form-control" style="200px; height:20px;" id="0" name="text"></center><br/>
37 <center>test2: <input class="form-control" style="200px; height:20px;" id="1" name="text"></center><br/>
38 <center>test3: <input class="form-control" style="200px; height:20px;" id="2" name="text"></center><br/>
39 <center><input type = "button" name="bt" value="检验 " onclick="check()" />&nbsp;&nbsp;
40 <input type="reset" value="重置 " /></center>
41 </div>
42 </form>
43 </body>
44 </html>

输出结果：

测试页面：

测试结果：