elementui form表单 自定义校验规则(包含含有小数的数字以及正整数的正则)

<template>
  <div>
    <el-form :model="sub1Form" :rules="sub1Rules" ref="sub1Form" label-width="100px" class="demo-ruleForm">
      <el-form-item label="发料单数" prop="fds">
        <el-input v-model="sub1Form.fds" size="mini"></el-input>
      </el-form-item>
      <el-form-item label="今日" prop="name">
        <el-input v-model="sub1Form.name" size="mini"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
  export default {
    data(){
      var valiNumberPass1 = (rule, value, callback) => {//包含小数的数字
      let reg = /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g;
      if (value === '') {
        callback(new Error('请输入内容'));
      } else if (!reg.test(value)) {
        callback(new Error('请输入数字'));
      } else {
        callback();
      }
    };
    var valiNumberPass2 = (rule, value, callback) => {//正整数
    let reg = /^[+]{0,1}(\d+)$/g;
    if (value === '') {
      callback(new Error('请输入内容'));
    } else if (!reg.test(value)) {
      callback(new Error('请输入0及0以上的整数'));
    } else {
      callback();
    }
    };
    return {
      sub1Form:{
        fds:'',
        name:''
        },
      sub1Rules: {
        fds:[{ required: true, validator:valiNumberPass2, trigger: "blur" }],
        name: [{ required: true, validator:valiNumberPass1, trigger: "blur" }],
        },
      }
    },
    methods:{

    }
  }
</script>

原url:https://blog.csdn.net/qq_37899792/article/details/89880923

posted @   一颗吃不完的糖  阅读(1594)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结
点击右上角即可分享
微信分享提示