在做前后端分离项目的时候,涉及到需要用户输入的内容时,需要分别在前后端加入输入校验。
一、前端校验主要是给普通用户提示所用,可谓防君子不防小人,例如一段提示用户输入首字母必须是英文的vue代码,使用正则匹配的方式
firstLetter: [
{
validator: (rule, value, callback) => {
if (value === '') {
callback(new Error('首字母必须填写'))
} else if (!/^[a-zA-Z]$/.test(value)) {
callback(new Error('首字母必须a-z或者A-Z之间'))
} else {
callback()
}
},
trigger: 'blur'
}
],
实现效果如下
二、后端校验主要防止网页被别有用心的人攻击,因为请求可以不通过网页端,所以在后端进行校验也是必须的。
JSR303中提供了许多校验的注解,方便我们使用
package javax.validation.constraints;
这里以@NotB