element 1到100正整数输入框

33455432

于 2024-04-15 14:20:17 发布

阅读量147

点赞数 2

文章标签： chrome 前端

本文链接：https://blog.csdn.net/weixin_38999134/article/details/137779547

版权

 <el-form-item label="酒精度数" prop="liquorContent"  :rules="[  { required: true, message: '请输入酒精度数', trigger: 'change' }]">
              <el-input @input="numValid(dynamicValidateForm.liquorContent)" v-model="dynamicValidateForm.liquorContent" size="small" style="margin:2px 0" placeholder="请输入酒精度数(1~100)">
              <!-- <el-input onkeyup="this.value=this.value.replace(/[^-\d\.]/g,'')" v-model="dynamicValidateForm.liquorContent" size="small" style="margin:2px 0" placeholder="请输入酒精度数"> -->
                  <template slot="append">度</template>
              </el-input>
            </el-form-item>

   // 1到100正整数输入框
      numValid(inputContent) {
        var reg = /^(1|([1-9]\d{0,1})|100)$/;
        if(reg.test(inputContent)==false){
              this.dynamicValidateForm.liquorContent = "";
              return false;
        }else{
            this.dynamicValidateForm.liquorContent = inputContent;
        }
      },