项目中经常会使用来很多前端vue规则，以下只是简单记录下遇到的问题，仅供参考(有时间会持续更新，欢迎留言。O(∩_∩)O哈哈~）

----时间线--2020/10/22---

手机号格式限制，保留两位小数浮点数，使用正则表达式限制：

<el-form ref="dataForm" label-position="left" label-width="120px" :model="addForm" :rules="addRules">

          <el-form-item label="手机号" prop="phone">

            <el-input v-model="addForm.phone" />

          </el-form-item>

          <el-form-item label="初始总金额" prop="money">

            <el-input v-model="addForm.money" />

          </el-form-item>

   </el-form>

规则js：

addRules: {

        phone: [

          { required: true, message: '请输入', trigger: 'blur' },

          { required: true, pattern: /^[1-9]\d{10}$/, message: '请输入正确的手机号格式', trigger: 'blur' }

        ],

        money: [

          { required: true, message: '请输入', trigger: 'blur' },

          { required: true, pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{2})$/, message: '请正确输入金额，保留两位小数', trigger: 'blur' }

        ]

      }

顺便写下，js中判断整数的写法

Number.isInteger(Number(aaa)) 如果为整数返回true

---

---时间线20201027--

保留两位小数或数字的正则表达式：

/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/

js中使用正则表达式语法：

（/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/）.test(x)   ====>>>匹配上返回true

金额校验：

正整数或保留两位小数：^[0-9]+(.[0-9]{2})?$

正负整数或保留两位小数：^-?[0-9]+(.[0-9]{2})?$