頁(yè)面結(jié)構(gòu)

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

verify.wxs

/*** 處理字符串為*格式, 中間顯示自定義*號(hào)* str 需要處理的字符串* startLength 前面顯示的字符串長(zhǎng)度* endLength后面顯示的字符串長(zhǎng)度*/var verify = function(str, startLength, endLength) {if(str.length == 0 || str == undefined) {return "";}var length = str.length;if(length >= startLength + endLength) {// 判斷當(dāng)字符串長(zhǎng)度為二時(shí), 隱藏末尾if(length === 2) {return str.substring(0, 1) + '*';}else if(3 <= length && length <= 10) {return str.substring(0, 1) + '**';}// 判斷字符串長(zhǎng)度大于首尾字符串長(zhǎng)度之和時(shí), 隱藏中間部分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="請(qǐng)輸入手機(jī)號(hào)碼" value="{{tools.verify(phone, 3, 4)}}" maxlength="11"/><view class="li-send">發(fā)送驗(yàn)證碼</view> </view>

在js中定義的字符串

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

效果展示

總結(jié)

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

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