微信小程序使用正则过滤电话号码

小程序没有vue那样的filter机制，但他提供了另一种东西：wxs，可以结合wxml构造页面结构，达成过滤效果，具体了解去看WXS | 微信开放文档。
这里直接上代码：

/*** filter/phoneFilter.wxs* wxs 只支持es5的语法* 电话号码过滤器* 传入    String* 导出    String    带星号*/
var phoneFilter = {getPhone: function (phone) {if (phone !== '' && phone != undefined) {var regexp = getRegExp('^(\d{3})\d{4}(\d+)', 'g')return phone.replace(regexp, '$1****$2');} else {return phone}}
}module.exports = {getPhone: phoneFilter.getPhone
}

使用：

<wxs module="phoneFilter" src="../../filter/phoneFilter.wxs"></wxs>
<text class="address-phone">{{phoneFilter.getPhone(item.phone)}}</text>

参考文档：
数据类型 | 微信开放文档

微信小程序使用正则过滤电话号码相关推荐

微信小程序过滤html,微信小程序中数据过滤的实现方法介绍（代码）
本篇文章给大家带来的内容是关于微信小程序中数据过滤的实现方法介绍(代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 因为微信小程序的wxml和js的内部实现机制是分开编译的.所 ...
uniapp - 新版本微信小程序登录、获取电话号码；后端调用微信API不必自己写调用网址【附有前后端完整代码】
uniapp文档:文档地址 1.uniapp的登录 (1)登录:通过前端获取到code,可直接调用WxMaService类的方法即可实现微信接口 uni.login({provider: 'weixi ...
微信小程序敏感词过滤
当你的小程序有用户提交(评论.文章.图片)时,如果你的代码没有过滤敏感词汇,将会审核不通过,幸好官方提供了API,方便了很多,废话不多说,干! 本文只有文字过滤本文采用的是云函数方法为了不浪费各位 ...
微信小程序通过getphonenumber 获取电话号码无法获取code值
问题: 小程序通过getphonenumber方法无法获取code值原因:微信开发工具的基础库版本过低导致无法获取code值处理方法 1.打开微信开发工具点击详情 2.将调式基础库修改值2.22. ...
微信小程序：正则 input只能输入数字
<input type="number" auto-focus focus='{{focus}}' value="{{value}}" bindinput ...
【微信小程序宝典】从零开始做微信小程序开发
开发前必读简要基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要:| 链接微信小程序个人注册简单步骤打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接微 ...
微信小程序：拨打电话
今天做了个功能,就是使用微信小程序去拨打一个电话号码,这个官网有,而且很清晰,我就不累赘了,主要是我们在拨打的时候,不是直接 wx.makePhoneCall({ phoneNumber: ...
微信小程序电话号码input框的正则校验
微信小程序电话号码input框的正则校验 1.wxml <view class="mobile"><sapn c ...
微信小程序中，使用正则表达式，快速验证是否是数字（附正则表）
微信小程序中,使用正则表达式,快速验证是否是数字(附正则表) 1.示例 if (this.data.goodsNum == '' || this.data.goodsNum == undefined) ...
php mysql特殊符号过滤微信小程序_微信小程序数据过滤（filter）方法
因为微信小程序的wxml和js的内部实现机制是分开编译的.所以在wxml是没办法调用js的函数的.这会导致WXML缺少一个我们常用的功能,那就是没有办法在视图层对数据做一些特殊处理.比如我们从后端获取 ...

微信小程序使用正则过滤电话号码

微信小程序使用正则过滤电话号码相关推荐

最新文章

热门文章