1 问题描述
在第二篇博客描述的问题上，在增加两个输入框，使三个输入同时进行等价类判断，只有当三个输入全部有效时才可判定成功，若存在某个输入或者多个输入非法，则判定失败，因此我们需要重新划分等价类，并重新确定测试用例，使之符合这次的问题要求，测试用例要同时考虑到三个输入的情况。
2 有效等价类的划分
| 有效等价类 | 编号 | 无效等价类 | 编号 | |
| 字符长度 | 输入1:1-6 | 1 | 输入1:0||>>7 | 7 |
| 输入2:1-6 | 2 | 输入2:0||>7 | 8 | |
| 输入3:1-6 | 3 | 输入3:0||>7 | 9 | |
| 字符类型 | 输入1：a-z，A-Z，0-9 | 4 | 输入1 非字母数字 | 10 |
|
输入2：a-z，A-Z,0-9 |
5 | 输入2 非字母数字 | 11 | |
|
输入3：a-z。A-Z.0-9 |
6 |
输入3：非字母数字 |
12 |
3测试用例
| 测试用例 | 覆盖等价类 | 结果 |
| 183e yur 7ufA | 123456 | succeed |
| 183, yu4 eud4 | 1 2 3 10 5 6 | failed |
| 183e yu4;e r4 | 1 2 3 4 11 6 | failed |
| eyd rdr rud. | 1 2 3 4 5 12 | failed |
| 1234567 ee rr | 7 2 3 4 5 6 | failed |
| erd 12345rt 4 | 1 8 3 4 5 6 | failed |
| ed erfd eeeeeeee | 1 2 9 4 5 6 | failed |
| we re, | 1 8 3 4 11 12 | failed |
| wer, 34d. er5d | 1 2 3 10 11 6 | failed |
| efffffe3 e r | 1 2 3 4 7 8 | faied |
| 哈哈 ndn ee | 1 3 8 10 11 6 | failed |
| null | 10 11 12 7 8 9 | failed |
4代码实现
依然选择javascrip+html进行前台输入框的编写和后台的对输入的判断
<html> <head> <script type="text/javascript"> function foo(){ var str=document.getElementById('str').value; var str1=document.getElementById('str1').value; var str2=document.getElementById('str2').value; var st=/^[a-zA-Z0-9][a-zA-Z0-9]{0,5}$/; if(st.test(str)&&st.test(str1)&&st.test(str2)) { window.alert("succeed"); } else{ window.alert("failed"); } } </script> </head> <body> <br><input type="text" name="str" id="str" /></br> <br><input type="text" name="str1" id="str1" /></br> <br><input type="text" name="str2" id="str2"/></br> <button type="button" name="button" id="button" onclick="foo();">OK</button> </body> </html>
5 部分结果展示
