zoukankan      html  css  js  c++  java
  • 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>
    
    
  • 相关阅读:
    Redux API之compose
    Redux API之bindActionCreators
    Django组件-admin
    Django组件-分页器
    Django视图之FBV与CBV
    前端综合练习
    05-前端之jQuery
    关于DOM操作的案例
    04-再探JavaScript
    03-初识JavaScript
  • 原文地址:https://www.cnblogs.com/wwj007/p/14278184.html
Copyright © 2011-2022 走看看