element ui 表單驗證爲正整數

不少時候都會用表單中輸入正整數的狀況，在element ui中能夠用el-input-number 標籤來顯示輸入框是number類型的，或者type="number"也能夠的，可是正整數就須要判斷了

能夠利用正則來判斷

代碼以下

<el-form ref="checkData" :rules="checkData" :model="eyPara" label-position="left" label-width="100px">

　　

　　　　 <el-form-item label="值:" prop="amErrYear">

              　　  <el-input v-model="eyPara.amErrYear" placeholder="輸入值" clearable/>

              </el-form-item>

</el-form>

 

export default{

data(){

　　 const blurText = async(rule, value, callback) => {  

  　　    // const reg = /^\-\d\.?\d*$/

    　　  // const boolean = reg.test(value)

   　　   const boolean = new RegExp('^[1-9][0-9]*$').test(value)

  　　    // console.log(boolean)

  　　    if (!boolean) {

    　　    this.$message.warning('請輸入正整數')

    　　    this.eyPara.amErrYear = ''

    　　  }

   　　 }

 

　　　return {

　　

eyPara: {

        amErrYear: ''

      },

checkData:{

　　

  amErrYear: [

          { required: true, message: '輸入值', trigger: 'blur' },

          { validator: blurText, trigger: 'blur' }  //表單驗證的時候會調用的方法

        ],

}

}　

}

}

rules表單驗證規則，異步表單驗證，validator 是根據校驗規則獲得的校驗器 ，自定義校驗 callback 必須被調用。 更多高級用法可參考  async-validator。