Element UI表单有3种验证方式:
1、在表单中加rules属性,然后data里面写具体的验证规则就好
rules里面可以写正则表达式验证。
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="项目编码" prop="code">
<el-input v-model="ruleForm.code"></el-input>
</el-form-item>
</el-form> //css中写:rules动态绑定data中数据
//data中写rules规则,是一个数组,名字是标签里面的prop属性值
rules: {
code: [
{ required: true, message: '请输入项目编码', trigger: 'blur' },
]
}
2、在内部添加规则
<el-form-item label="邮箱号" rules="[{required:true,message:'请输入邮箱号',trigger:'blur'},{validator: yanz, trigger: 'blur'}]" :label-width="formLabelWidth" prop="email">
<el-input v-model="form.email" autocomplete="off"></el-input>
</el-form-item>
3、自定义函数验证
let validPassword=(rule,value,callback)=>{
let reg= /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{4,20}$/
if(!reg.test(value)){callback(new Error('密码必须是由4-20位字母+数字组合'))
}else{
callback()
}
};
let yanz=(rule,value,callback)=>{
if(value!==this.form.pwd){
callback(new Error('两次密码不一致'))
}
}
规则里面是{ validator: yanz, trigger: ‘blur’ }validator关键字,后面是自定义函数名
spring前后台日期格式和时间差问题
因为中国属于东八区,所以时间差了8小时
1、那么在后台的实体类的时间字段上加两个注解文章来源:https://www.toymoban.com/news/detail-568192.html
@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss", timezone="GMT+8")
@DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
private Date createTime; //创建时间
2、在application.properties文件中指定时间的转换格式文章来源地址https://www.toymoban.com/news/detail-568192.html
/*输出时间的指定格式,并指定时区*/
spring.jackson.time-zone=GMT+8
spring.jackson.date-format=yyyy-MM-dd HH:mm:ss
到了这里,关于Element UI的表单验证的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!