Element Plus中使用正则表达式进行电话号码输入格式化
P粉191323236
P粉191323236 2023-12-30 12:59:26
0
1
531

对于微小但非常令人沮丧的问题,我们将不胜感激。我正在使用 element plus 库开发 Vue 项目。 用户输入:'123456789' 我需要拨打:'+998-(12) 345-67-89

Element plus 有格式化程序,但我需要使用正则表达式来制作它。不幸的是我很难让它发挥作用。 https://element-plus.org/en-US/component/input.html#formatter

我现在只检查了号码,无法进一步了解

<script setup>
import { ref, unref } from 'vue'
import { ElInput } from 'element-plus'

const phoneNumber = ref('')
</script>
<template>
  <el-input v-model="phoneNumber" :formatter="(value) => value.replace(/D/g, '')" />
</template>


P粉191323236
P粉191323236

全部回复(1)
P粉235202573

您可以使用以下正则表达式:

value.replace(/^\+998|\D/g, '').replace(/^(\d{1,2})(\d{1,3})?(\d{1,2})?(\d{1,2})?.*/, (m, g1, g2, g3, g4) => `+998-(${g1})` + (g2 ? `-${g2}` : '') + (g3 ? `-${g3}` : '') + (g4 ? `-${g4}` : '')))

第一个 .replace(/^\+998|\D/g, '') 删除字符串开头的 +998 (由成功的后续替换)和任何非数字字符,以及 replace(/^(\d{1,2})(\d{1,3})?(\d{1,2})?(\ d{1,2})?.*/, (m, g1, g2, g3, g4) => `+998-(${g1})` + (g2 ? `-${g2}` : '' ) + (g3 ? `-${g3}` : '') + (g4 ? `-${g4}` : '')) 通过添加 -重新格式化数字> 仅在必要时在您键入时启动。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!