mali-lib-starter

安装依赖

npm install mali-lib-starter -S

按需引入

import RegexLib from 'mali-lib-starter/lib/regex-lib.js';

正数-整数最多x位，小数最多x位

regexNumber(value, {integer, decimal})

|参数|说明|类型|可选值|默认值| |:-|:---:|-:|-:|-:| |value|需要处理的值|number,string|  |  | |integer|整数多少位|number| |  | |decimal|小数多少位|number| |  |

示例 整数最多两位，小数最多两位

<template>
  <div>
    <el-form ref="form"
    label-position="top"
    :show-message="true"
    :rules="rules"
    :model="formData">
      <div class="maili-edit__form">
        <el-row :gutter="80">
          <el-col :span="12">
            <el-form-item label="标签名" prop="formField">
              <el-input
              :maxlength="5"
              v-model="formData.formField"
              clearable
              placeholder="请输入标签名"
             @blur="validateFormField($event, 'formField')"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
import RegexLib from 'mali-lib-starter/lib/regex-lib.js';
export default {
  data() {
    return {
      formData: {
        formField: ''
      },
      rules: {
        formField: [
          {
            required: true,
            message: '请输入标签名',
            trigger: 'blur'
          }
        ]
      }
    };
  },
  methods: {
    validateFormField(e, prop) {
      var value = e.target.value;
      value = RegexLib.regexNumber(value, {integer: 2, decimal: 2});
      this.formData[prop] = value;
    }
  }
};
</script>

取值范围[min,max]

regexRangeNumber(value, {min, max, decimal})

|参数|说明|类型|可选值|默认值| |:-|:---:|-:|-:|-:| |value|需要处理的值|number,string|  |  | |min|最小值|number| |  | |max|最大值|number| |  | |decimal|小数多少位|number| |  |

示例 取值范围[-9999999.99, 9999999.99]

<template>
  <div>
    <el-form ref="form"
    label-position="top"
    :show-message="true"
    :rules="rules"
    :model="formData">
      <div class="maili-edit__form">
        <el-row :gutter="80">
          <el-col :span="12">
            <el-form-item label="标签名" prop="formField">
              <el-input
              :maxlength="5"
              v-model="formData.formField"
              clearable
              placeholder="请输入标签名"
             @blur="validateFormField($event, 'formField')"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
import RegexLib from 'mali-lib-starter/lib/regex-lib.js';
export default {
  data() {
    return {
      formData: {
        formField: ''
      },
      rules: {
        formField: [
          {
            required: true,
            message: '请输入标签名',
            trigger: 'blur'
          }
        ]
      }
    };
  },
  methods: {
    validateFormField(e, prop) {
      var value = e.target.value;
      value = RegexLib.regexRangeNumber(value, {min: -9999999.99, max: 9999999.99, decimal: 2});
      this.formData[prop] = value;
    }
  }
};
</script>

匹配常用字符串['chinese', 'english', 'number', 'space', '-']

regexString(value, {type})

|参数|说明|类型|可选值|默认值| |:-|:---:|-:|-:|-:| |value|需要处理的值|number,string|  |  | |type|字符串类型|Array|chinese, english, number, space, -|  |

例子 匹配英文，数字，空格和下划线

<template>
  <div>
    <el-form ref="form"
    label-position="top"
    :show-message="true"
    :rules="rules"
    :model="formData">
      <div class="maili-edit__form">
        <el-row :gutter="80">
          <el-col :span="12">
            <el-form-item label="标签名" prop="formField">
              <el-input
              :maxlength="5"
              v-model="formData.formField"
              clearable
              placeholder="请输入标签名"
             @blur="validateFormField($event, 'formField')"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
import RegexLib from 'mali-lib-starter/lib/regex-lib.js';
export default {
  data() {
    return {
      formData: {
        formField: ''
      },
      rules: {
        formField: [
          {
            required: true,
            message: '请输入标签名',
            trigger: 'blur'
          }
        ]
      }
    };
  },
  methods: {
    validateFormField(e, prop) {
      var value = e.target.value;
      value = RegexLib.regexString(value, {type: ['english', 'number', 'space', '-']});
      this.formData[prop] = value;
    }
  }
};
</script>

数字千位分隔符

regexString(value)

|参数|说明|类型|可选值|默认值| |:-|:---:|-:|-:|-:| |value|需要处理的值|number,string|  |  |

示例

import RegexLib from 'mali-lib-starter/lib/regex-lib.js';

var t = 1555669.33;
console.log(RegexLib.regexString(t))
// 1,555,669.99