正则校验

---

按需引入

::: CopyCode

import { createApp } from 'vue'
import App from './App.vue'
import { MeAPI } from 'mine-h5-ui'

const app = createApp(App)
app.mount('#app')

/**
 * ctx 里插入 API
 */
Object.keys(MeAPI).forEach(key => {
  app.config.globalProperties[`$${key}`] = (API as any)[key]
})

:::

提示

• 如果你觉得重新编写 HTML 结构麻烦，可以直接复制下面的代码。

代码演示

校验-手机号码

::: CopyCode

<script lang="ts" setup>
import { useValidator } from 'mine-h5-ui'

const validator = useValidator()
/**
 * 获取规则
 */
const valid = validator.phone
console.log(valid) // 输出: /^1[3456789]\d{9}$/
console.log(valid.test(18888888888)) // 输出: true
console.log(valid.test(12888888888)) // 输出: false
</script>

:::

源码

• 源码地址：正则校验

正则内容

• 通过 this.$Validator 加上变量名称获取校验正则规则。

变量名称	说明	版本
validPhone	校验-手机号码	v2.0.0
validPwd	校验密码-6-12 位数字+字母组合	v2.0.0
validEmail	校验邮箱-只允许英文字母、数字、下划线、英文句号、以及中划线组成	v2.0.0
validIdcard	校验身份证号	v2.0.0
validImgs	校验图片格式	v2.0.0
validThousand	校验整数千位符	v2.0.0
validThousandFloat	校验浮点数千位符	v2.0.0