• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

Element UI的表单验证

武飞扬头像
彭于晏idol
帮助1

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
系列文章
更多 icon
同类精品
更多 icon
继续加载