IVIEW表單驗證規則總結

Iview 表單驗證的規則總結

---

  <FormItem
     prop="UserId"
          :rules=" [
              { required: true, message: '請選擇一項', trigger: 'change',type:'number',min:1},
          ]"
  >
       <Select v-model="formAddOrder.UserId" filterable @on-change="selectUser">
                <Option v-for="(item,index) in userList" :value="item.UserId" :label="item.name" :key="index" >
                      <span>{{item.name}}</span>             
                  </Option>
       </Select>
 </FormItem>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

type :

string: 必須是字符串類型。這是默認類型
number: 必須是數字
boolean: 必須是布爾型的
method:必須是類型函數
regexp: 必須是ReGEXP的實例，或者是在創建新的ReGEXP時不會生成異常的字符串
integer:必須是整數.
float:必須是浮點數.
array: 必須是由Array.isArray確定的數組
object: 必須是類型對象而不是Array.isArray
enum: 枚舉中必須存在值。
date: 按日期確定的值必須有效
url: 必須是URL類型。
hex: 必須是十六進制。
email:必須是電子郵件類型。

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

required:true | false

pattern :正則表達式

min: 最小值

max: 最大值

Length : 長度

enum: 驗證字段是否存在其中

 { message:'不包含a , u, g',trigger: 'change',type: 'enum',enum: ['a', 'u', 'g']}

• 1

messages: 錯誤信息

trigger : ‘change’ | ‘blur’

whitespace : true | false
true:空白字符 ->錯誤提醒
false: 空白字符->不報錯

 { type: 'string', whitespace:true,message:'包含空白字符',trigger: 'change'}

• 1

文檔

      </div>
      <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-258a4616f7.css" rel="stylesheet">
              </div>