用户名为空、输入正确用户名、用户名错误、密码为空、密码错误、密码正确,结果为必填项不能为空、用户名或密码错误、登录成功的测试用例
时间: 2023-08-22 14:09:05 浏览: 221
好的,以下是用户名为空、输入正确用户名、用户名错误、密码为空、密码错误、密码正确的测试用例,以及期望的结果:
1. 当用户名为空时,尝试提交表单,期望收到错误提示信息“用户名不能为空”。
2. 当用户名正确时,输入正确的用户名和密码,提交表单,期望收到成功提示信息“登录成功”。
3. 当用户名错误时,输入错误的用户名和密码,提交表单,期望收到错误提示信息“用户名或密码错误”。
4. 当密码为空时,输入正确的用户名但密码为空,提交表单,期望收到错误提示信息“密码不能为空”。
5. 当密码错误时,输入正确的用户名但密码错误,提交表单,期望收到错误提示信息“用户名或密码错误”。
6. 当密码正确时,输入正确的用户名和密码,提交表单,期望收到成功提示信息“登录成功”。
希望这个示例能够帮助回答你的问题。
相关问题
el-form-item 表单不能为空
el-form-item 是 Element UI 组件库中的一个表单项组件,通常用于在表单中包裹表单控件,提供表单的样式和布局。如果 el-form-item 组件内部的表单控件没有填写或者填写的内容不符合要求,可以设置该 el-form-item 为必填项,即不能为空。
在 Element UI 中,可以通过设置 el-form-item 的 prop 属性为 required 来设置其为必填项,例如:
```html
<el-form-item label="用户名" prop="username" required>
<el-input v-model="form.username"></el-input>
</el-form-item>
```
上述代码中,我们通过设置 el-form-item 的 prop 属性为 username,来关联表单数据中的用户名字段。同时,我们设置了 required 属性来使得该表单项为必填项。如果用户没有填写该表单项,或者填写的内容不符合要求,该表单项会出现红色的错误提示信息。
html如何设置页面输入框不为空
可以通过以下方式设置页面输入框不为空:
1. 使用required属性
在HTML5中,可以使用"required"属性使输入框变为必填项。例如:
```
<input type="text" name="username" required>
```
上述代码将创建一个文本输入框,并将其标记为必填项。如果用户尝试提交空值,浏览器会显示一个错误提示。
2. 使用JavaScript验证
使用JavaScript代码可以在表单提交之前检查输入框是否为空。例如:
```
function validateForm() {
var x = document.forms["myForm"]["username"].value;
if (x == "") {
alert("请输入用户名");
return false;
}
}
```
上述代码将检查名为"myForm"的表单中名为"username"的输入框是否为空。如果为空,将显示一个警告框,并阻止表单提交。可以将此函数与表单的onsubmit事件关联,以在表单提交之前进行验证。
```
<form name="myForm" onsubmit="return validateForm()" method="post">
<input type="text" name="username">
<input type="submit" value="提交">
</form>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)