• 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

  • 相关阅读:
    【题解】「CF1373B」01 Game
    asdfasd
    android开发DialogFragment禁止按back键消失的解决方法
    MySQL报错1055
    IDEA中使用Git拉取代码时报 Git pull failed原因及处理方法
    数据挖掘导论 完整版+PPT+Python R代码
    MATLAB统计分析与应用 40个案例分析[源代码及数据]
    机器学习实战 中英文版
    电力系统负荷预测数据集【全】含下载链接
    Nginx 导致swagger setCookie sessionid 失效
  • 原文地址:https://www.cnblogs.com/ykcbwdt/p/16434603.html
Copyright © 2020-2023  润新知