gpt4 book ai didi

javascript - Angular 2-根据模式更改文本显示格式

转载 作者:太空宇宙 更新时间:2023-11-04 15:52:02 25 4
gpt4 key购买 nike

我想更改手机号码文本字段输入的显示格式。前任。

对于号码 1212121212,它应该在文本中显示 (121) 212-1212 并且仅供查看。我还想要将其全文插入数据库。我如何在 Angular 2 文本输入中实现这一点?

<p>How it is now</p>
<input type="text" value="1212121212" name="mobile"><br>
<p>How it should look</p>
<input type="text" value="(121) 212-1212" name="mobile2">

最佳答案

你可以做到 something like this 使用管道(只需在输入末尾添加一个数字)。

当然,我使用的是一个非常简单的正则表达式,但您可以创建自己想要的正则表达式。

transform(value: string, args?: any): any {
const regex: RegExp = new RegExp(/(\d{3})(\d{3})(\d{4})/);
const match = value.match(regex);
if(match) {
return `(${match[1]})${match[2]}-${match[3]}`;
} else {
return value;
}
}

关于javascript - Angular 2-根据模式更改文本显示格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49425591/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com