添加子部门’组件如何完成表单校验? 普通校验 业务逻辑校验(靓点)
时间: 2024-06-01 11:09:36 浏览: 29
要完成表单校验,可以使用以下两种方式:
1. 普通校验:对表单中的每个输入项进行基本的校验,例如不能为空、长度限制、格式等。可以使用前端框架中提供的表单校验插件或自己编写校验规则函数。例如,可以使用jQuery Validation、VeeValidate、Ant Design Pro等表单校验插件。
2. 业务逻辑校验:对表单提交的数据进行业务逻辑上的校验,例如是否已存在相同名称的子部门、是否已选择父部门等。可以使用前端框架中提供的异步校验规则函数或自己编写校验规则函数。例如,可以使用Ant Design Pro中的异步校验规则函数、自己编写的校验规则函数等。
在完成表单校验时,需要注意以下几点:
1. 校验规则要尽量简单明了,避免过于复杂的校验规则。
2. 校验信息要尽量友好,提示用户输入有误的具体原因。
3. 校验结果要反馈给用户,例如通过错误提示框、错误信息展示等方式。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)