侧边栏壁纸
  • 累计撰写 781 篇文章
  • 累计创建 1 个标签
  • 累计收到 1 条评论
标签搜索

应用

Dettan
2021-04-10 / 0 评论 / 0 点赞 / 94 阅读 / 1,986 字
温馨提示:
本文最后更新于 2022-04-30,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。
/ 前端 / Vue / 应用
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on"
             label-position="left">
<el-form-item prop="mobile">
  <span class="svg-container"> 手机号 </span>
  <el-input ref="mobile" v-model="loginForm.mobile" name="mobile" type="text" tabindex="5" autocomplete="on"/>
</el-form-item>

loginRules: {
username: [{required: true, trigger: 'blur', validator: validateUsername}],
password: [{required: true, trigger: 'blur', validator: validatePassword}],
name: [{required: true, trigger: 'change', validator: validateName},
{required: true, trigger: 'change', validator: validateMobile}],
//两个规则的话,先检验并提示左边的.
mobile: [{required: true, trigger: 'change', validator: validateMobile}],
iden: [{required: true, trigger: 'change', validator: validateIden}]
},

required: true, message: '请输入活动名称', trigger: 'blur' },
{ min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
{ required: true, message: '请选择活动区域', trigger: 'change' }
{ type: 'date', required: true, message: '请选择日期', trigger: 'change' }
{ type: 'date', required: true, message: '请选择时间', trigger: 'change' }
{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
{ required: true, message: '请选择活动资源', trigger: 'change' }
{ required: true, message: '请填写活动形式', trigger: 'blur' }




1.
账号 (字母开头,字母数字组成,可以有符号(_-.),10位)
^[A-Za-z][A-Za-z0-9_\-\.]{7,20}$
2.
密码(字母数字组成,可以有符号,8至20位)
^[a-z_A-Z0-9-\.!@#\$%\\\^&\*\)\(\+=\{\}\[\]\/",'<>~\·`\?:;|]{8,20}$    
^.*[A-Z]+.*$
^.*[a-z]+.*$
3.
姓名
4.
身份证
5.
手机号
6.
标题(非空)
7.
内容((6-N位)
8.
工资
^[1-9]\d*.\d*|0\.\d*[1-9]\d*$
9.
车牌
^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[警京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]{0,1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}|[黑黄蓝绿]{1}$
豫A12344

valid 生成
            { required: true, message: '请选择活动资源', trigger: 'change' }
            { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
  username: [{required: true, trigger: 'blur', validator: validateUsername}],
valid{
required:true,
trigger:"",
validator:""}

车辆管理 那里是调好的格式,应用一下.
0

评论区