vue+ElementUI項目中,input只能輸入正整數的驗證


<template>
  <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>
</template>
 <script>
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' }  //表單驗證的時候會調用的方法
              ],
      }
    } 
  }
}
 </script>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM