Charpter2 新的测试用例

最新推荐文章于 2024-09-14 22:25:22 发布

weixin_33725270

最新推荐文章于 2024-09-14 22:25:22 发布

阅读量56

点赞数

文章标签：测试 javascript ViewUI

原文链接：http://www.cnblogs.com/looooops/p/4376521.html

版权

一、题目要求

设计三个输入框，要求分别输入1-6位的字母或数字，任一输入框输入了非法字符则返回错误，满足输入规则则提示正确

二、等价类划分

	编号	有效等价类	编号	无效等价类
长度	1	1-6	3	长度位0或大于6
字符	2	字母和数字	4	非字母和数字

三、测试用例

编号	输入框1	输入框2	输入框3	输出
1	空	空	空	输入错误！发生错误的输入框为：123
2	1	abcdef	abcde1	输入正确！
3	1!	abcdef	abcde1	输入错误！发生错误的的输入框为：1
4	1	abcdef!	abcde1	输入错误！发生错误的输入框为：2
5	1	abcdef	abcde1!	输入错误！发生错误的输入框为：3
6	1234567	abcdef	abcdef1	输入错误！发生错误的输入框为：13
7	1234567	abcdefg	abcde1	输入错误！发生错误的输入框为：12
8	1234567	abcdefg	abcedf1	输入错误！发生错误的输入框为：123

四、程序代码

使用html+javascript实现

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="GB2312">
 5     <style>
 6         body{text-align:center}
 7         body input{
 8             font-size: large;
 9             text-align: center;
10         }
11         *{
12             margin: 2px 2px;
13             padding: 2px 2px;
14         }
15         #output {
16             color: red;
17         }
18     </style>
19 <body>
20     输入框1&nbsp;<input type="text"  id="input1" /><br/>
21     输入框2&nbsp;<input type="text"  id="input2" /><br/>
22     输入框3&nbsp;<input type="text"  id="input3" /><br/>
23     <input type="submit" value="check" onclick="check()"/>
24     <p id="output"></p>
25 <script>
26     function check(){
27         var wrong=0;
28         for(var i=1; i<=2;i++)
29         {
30             if(!checkit(i)){
31                 wrong=wrong+i;
32             }
33         }
34         if(!checkit(3)){
35             wrong=wrong+4;
36         }
37 
38         if(wrong==0){
39             document.getElementById("output").innerHTML="输入正确!";
40         }
41         else if(wrong==1){
42             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：1";
43         }
44         else if(wrong==2){
45             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：2";
46         }
47         else if(wrong==3){
48             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：12";
49         }
50         else if(wrong==4){
51             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：3";
52         }
53         else if(wrong==5){
54             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：13";
55         }
56         else if(wrong==6){
57             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：23";
58         }
59         else if(wrong==7){
60             document.getElementById("output").innerHTML="输入错误！发生错误的的输入框为：123";
61         }
62 
63     }
64 
65     function checkit(num){
66         var input=document.getElementById("input"+num).value;
67         var length=input.length;
68         if(length<=0||length>6)
69             return false;
70         else if(checknum(input))
71             return true;
72         else return false;
73     }
74     function checknum(value) {
75         var Regx = /^[A-Za-z0-9]*$/;
76         if (Regx.test(value)) return true;
77         return false;
78     }
79 
80 </script>
81 </body>
82 </html>