一、使用?<input>?組件的?type?屬性設(shè)置為?"number",并結(jié)合正則表達(dá)式進(jìn)行校驗(yàn)。
<input type="number" bindinput="checkPhoneNumber" />
Page({
checkPhoneNumber: function (e) {
const phoneNumber = e.detail.value;
// 正則表達(dá)式校驗(yàn)手機(jī)號(hào)格式
if (!/^1[3456789]\d{9}$/.test(phoneNumber)) {
// 手機(jī)號(hào)格式不正確,提示用戶
wx.showToast({
title: '請(qǐng)輸入正確的手機(jī)號(hào)',
icon: 'none'
});
}
}
});
?
/^1[3456789]\d{9}$/
是一個(gè)正則表達(dá)式,用于匹配手機(jī)號(hào)碼的格式。具體解釋如下:
/
?是正則表達(dá)式的開始和結(jié)束標(biāo)記。^
?表示匹配字符串的開頭。1
?表示要匹配的字符串必須以數(shù)字 1 開頭。[3456789]
?表示下一位的數(shù)字必須是 3、4、5、6、7、8 或 9 中的一個(gè)。\d
?表示匹配任意數(shù)字。{9}
?表示前面的模式?\d
?必須重復(fù)匹配 9 次,即匹配 9 個(gè)數(shù)字。$
?表示匹配字符串的結(jié)尾。綜合起來,
/^1[3456789]\d{9}$/
匹配以數(shù)字 1 開頭,接著是 3、4、5、6、7、8 或 9 中的一個(gè),然后是 9 個(gè)數(shù)字,最后以字符串結(jié)尾的字符串,符合這個(gè)格式的字符串就可以被認(rèn)為是一個(gè)手機(jī)號(hào)碼。因此,當(dāng)我們使用
if (!/^1[3456789]\d{9}$/.test(phoneNumber))
這樣的條件判斷時(shí),如果phoneNumber
不符合這個(gè)正則表達(dá)式的格式,即不是一個(gè)正確的手機(jī)號(hào)碼,條件判斷將會(huì)返回true
,進(jìn)入條件判斷的代碼塊,執(zhí)行相應(yīng)的提示或處理邏輯。文章來源:http://www.zghlxwxcb.cn/news/detail-755028.html
?二、使用?<input>?組件的?type?屬性設(shè)置為?"text",并在?bindinput?事件中過濾非數(shù)字字符,并判斷手機(jī)號(hào)長(zhǎng)度是否合法。
<input type="text" bindinput="filterPhoneNumber" />
Page({
filterPhoneNumber: function (e) {
let phoneNumber = e.detail.value;
// 過濾非數(shù)字字符
phoneNumber = phoneNumber.replace(/\D/g, '');
// 判斷手機(jī)號(hào)長(zhǎng)度是否合法
if (phoneNumber.length > 11) {
phoneNumber = phoneNumber.substr(0, 11);
}
// 更新輸入框的值
this.setData({ phoneNumber });
}
});
?文章來源地址http://www.zghlxwxcb.cn/news/detail-755028.html
到了這里,關(guān)于小程序js(正則表達(dá)式):文本框?qū)κ謾C(jī)號(hào)進(jìn)行標(biāo)準(zhǔn)化規(guī)范的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!