Element UI的表单验证
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、那么在后台的实体类的时间字段上加两个注解
@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文件中指定时间的转换格式
/*输出时间的指定格式,并指定时区*/
spring.jackson.time-zone=GMT 8
spring.jackson.date-format=yyyy-MM-dd HH:mm:ss
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhggkfeg
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13