element-ui中rules使用正則驗證、表單驗證

<template>
  <el-form :model="DataForm" label-position="top" :rules="dialogRules">
    <el-form-item label="年齡" prop="loseEfficacyReason">
      <el-input type="textarea" v-model="unuseForm.loseEfficacyReason" auto-complete="off"></el-input>
    </el-form-item>
  </el-form>
</template>
<script>
export default{
  data(){
    return {
      dialogRules: {
        loseEfficacyReason: [
          { required: true, message: '請輸入原因', trigger: 'blur' },
          { type: 'number',min: 2, message: '請輸入不少于2個字符', trigger: 'blur' },
          { pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允許輸入空格等特殊符號' },
          {validator:驗證方法,trigger:驗證觸發}
          //參數解釋：
          //required是不是必填項
          //message提示信息文字
          //min:2最少不能低于2    max:6最多不能高于6
          //pattern這是正則驗證規則
          //trigger方式，trigger: 'blur' 在失去焦點的時候驗證
          //type數據類型，input框輸入的都是字符串類型，可以在v-model上加一個。namber修飾符
        ]
      }
    }
  }
}
</script>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。