鍍金池/ 問(wèn)答/HTML/ element表單驗(yàn)證

element表單驗(yàn)證

下面這個(gè)表單,我想表達(dá)的意思是允許不填,但是一旦填寫(xiě)就必須是11位或以下位數(shù)的數(shù)字,可是這樣寫(xiě)著,這個(gè)輸入框不填就提示錯(cuò)誤,要怎么改才可以允許不填?

    <el-form-item label="聯(lián)系電話"
                  prop="phone"
                  :label-width="formLabelWidth"
                  :rules="[{ required: false, message: '請(qǐng)', trigger: 'blur' },
                           { type: 'number', message: '聯(lián)系電話必須為數(shù)字值'},
                           { min: 0, max: 11, message: '請(qǐng)輸入正確的聯(lián)系電話', trigger: 'blur' }]">
      <el-input v-model="addCustomerForm.phone" ></el-input>
    </el-form-item>
回答
編輯回答
心上人

required:false
你試一下

2017年1月6日 08:13
編輯回答
愛(ài)是癌

增加一個(gè) required 字段,根據(jù)輸入框是否為空判斷 true/false

2018年7月8日 23:21
編輯回答
無(wú)標(biāo)題

檢查有沒(méi)有寫(xiě)required,不行就自己寫(xiě)驗(yàn)證嘍

2017年11月14日 02:58