应用

/ 前端 / 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' }

账号 (字母开头,字母数字组成,可以有符号(_-.),10位)

^[A-Za-z][A-Za-z0-9_\-\.]{7,20}$

密码(字母数字组成,可以有符号,8至20位)

^[a-z_A-Z0-9-\.!@#\$%\\\^&\*\)\(\+=\{\}\[\]\/",'<>~\·`\?:;|]{8,20}$    
^.*[A-Z]+.*$
^.*[a-z]+.*$

姓名

身份证

手机号

标题(非空)

内容((6-N位)

工资

^[1-9]\d*.\d*|0\.\d*[1-9]\d*$

车牌

^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领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:""}

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

应用

评论区