vue正则判断输入0-100之间（含0、100）数字，最多两位(多位)小数

本文介绍: 正则表达式： /^(([1-9]?d{0,1}(.d{1,2})?)|100|100.(0){1,2})$/ 。。。例如，’zo+’ 能匹配 “zo” 以及 “zo o“，但不能匹配 “z”。+ 等价于 {1,}例如，”do(es)?” 可以匹配 “do” 或 “do es“。例如，zo* 能匹配 “z” 以及 “zo o“。(匹配前面的子表达式零次或一次)(匹配前面的子表达式零次或多次)(匹配前面的子表达式一次或多次)最少 x 个、最多 y 个。除换行符（n、r）之外。

正则表达式： /^(([1-9]?d{0,1}(.d{1,2})?)|100|100.(0){1,2})$/

&lt;el-table-column
  label="付款金额"
  min-width="250"
&gt;
  &lt;template slot-scope="{row, $index}"&gt;
    &lt;el-form-item
      :prop="'tableData.' + $index + '.paymentAmount'"
      :rules="tableRules.paymentAmount"
      label=" "
    &gt;
      <el-input
        v-model="row.paymentAmount"
        size="small"
        clearable
        @change="changeTableContent(row, $index, 'paymentAmount', $event)"
      />
    </el-form-item>
  </template>
</el-table-column>

// 表单验证规则
tableRules: {
  paymentAmount: [
    { required: true, message: '请输入', trigger: 'blur' },
    { pattern: /^(([1-9]?d{0,1}(.d{1,2})?)|100|100.(0){1,2})$/, message: '请输入0-100内的数字(最多2位小数)'  }
  ]
},

若想匹配不止两位小数，只要改(.d{1,2})和100.(0){1,2}中{}内的数就好。

/^(([1-9]?d{0,1}(.d{1,2})?)|100|100.(0){1,2})$/ 解释：

符号(n为代指，无实际意义)	意义
^	匹配开头，在多行检测中，会匹配一行的开头
[1-9]	任意1位1-9的数字，[]表示字符范围，在方括号中可以包含多个字符，表示匹配其中任意一个字符
d	元字符，查找数字，1位0-9数字（元字符就是拥有特动功能的特殊字符，大部分需要加反斜杠进行标识，以便于普通字符进行区别）
n?	匹配任何包含零个或一个 n 的字符串 (匹配前面的子表达式零次或一次) 例如，”do(es)?” 可以匹配 “do” 或 “doe s” 。? 等价于 {0,1}
n*	匹配任何包含零个或多个 n 的字符串 (匹配前面的子表达式零次或多次) 例如，zo* 能匹配 “z” 以及 “zoo”。* 等价于{0,}
n+	匹配任何包含至少一个 n 的字符串 (匹配前面的子表达式一次或多次) 例如，’zo+’ 能匹配 “zo” 以及 “zoo”，但不能匹配 “z”。+ 等价于 {1,}
n{x}	匹配包含 x 个 n 的序列的字符串
n{x,y}	匹配包含最少 x 个、最多 y 个 n 的序列的字符串
n{x,}	匹配包含至少 x 个 n 的序列的字符串
.	元字符，匹配除换行符（n、r）之外的任何单个字符，相等于 [^nr] （少数元字符，需要加反斜杠，以便转译为普通字符使用）
	转义符
.	转译为小数点
\|	替换，”或“操作字符具有高于替换运算符的优先级，使得”m\|food”匹配”m”或”food“。若要匹配”mood“或”food“，请使用括号创建子表达式，从而产生”(m\|f)ood“。
$	匹配结尾，在多行检测中，会匹配一行的结尾