頁面結構

創(chuàng)建了verify.wx文件

verify.wxs

/*** 處理字符串為*格式, 中間顯示自定義*號* str 需要處理的字符串* startLength 前面顯示的字符串長度* endLength后面顯示的字符串長度*/var verify = function(str, startLength, endLength) {if(str.length == 0 || str == undefined) {return "";}var length = str.length;if(length >= startLength + endLength) {// 判斷當字符串長度為二時, 隱藏末尾if(length === 2) {return str.substring(0, 1) + '*';}else if(3 <= length && length <= 10) {return str.substring(0, 1) + '**';}// 判斷字符串長度大于首尾字符串長度之和時, 隱藏中間部分else if(length >= 11) {return str.substring(0, startLength) + '****' + str.substring(length - endLength, length);} else {return str}} }module.exports = {verify: verify }

在wxml中引用

<wxs module="tools" src="../../wxs/verify.wxs"></wxs> <view class="li-phone"><input type="number" placeholder="請輸入手機號碼" value="{{tools.verify(phone, 3, 4)}}" maxlength="11"/><view class="li-send">發(fā)送驗證碼</view> </view>

在js中定義的字符串

/*** 頁面的初始數(shù)據(jù)*/data: {phone:"13245252432"},

效果展示

總結

以上是生活随笔為你收集整理的微信小程序用wxs实现手机号码用****代替的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。