wxml
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、克州網(wǎng)絡(luò)推廣、小程序開發(fā)、克州網(wǎng)絡(luò)營(yíng)銷、克州企業(yè)策劃、克州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供克州建站搭建服務(wù)，24小時(shí)服務(wù)熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
wxss
重慶分公司
重慶分公司
.all {
border-top: 1rpx solid #efefef;
border-bottom: 1rpx solid #efefef;
height: 98rpx;
font-size: 28rpx;
display: flex;
align-items: center;
}
button {
width: 480rpx;
height: 80rpx;
background-color: #7ecffd;
font-size: 30rpx;
color: #fff;
border-radius: 8px;
margin: 50rpx auto;
}js
Page({
/**
* 頁(yè)面的初始數(shù)據(jù)
*/
data: {
ajxtrue: false,
},
// 手機(jī)號(hào)驗(yàn)證
blurPhone: function(e) {
var phone = e.detail.value;
let that = this
if (!(/^1[34578]\d{9}$/.test(phone))) {
this.setData({
ajxtrue: false
})
if (phone.length >= 11) {
wx.showToast({
title: '手機(jī)號(hào)有誤',
icon: 'success',
duration: 2000
})
}
} else {
this.setData({
ajxtrue: true
})
console.log('驗(yàn)證成功', that.data.ajxtrue)
}
},
// 表單提交
formSubmit(e) {
let that = this
let val = e.detail.value
let ajxtrue = this.data.ajxtrue
if (ajxtrue == true) {
//表單提交進(jìn)行
} else {
wx.showToast({
title: '手機(jī)號(hào)有誤',
icon: 'success',
duration: 2000
})
}
},
/**
* 生命周期函數(shù)--監(jiān)聽頁(yè)面加載
*/
onLoad: function(options) {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁(yè)面初次渲染完成
*/
onReady: function() {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁(yè)面顯示
*/
onShow: function() {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁(yè)面隱藏
*/
onHide: function() {
},
/**
* 生命周期函數(shù)--監(jiān)聽頁(yè)面卸載
*/
onUnload: function() {
},
/**
* 頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作
*/
onPullDownRefresh: function() {
},
/**
* 頁(yè)面上拉觸底事件的處理函數(shù)
*/
onReachBottom: function() {
},
/**
* 用戶點(diǎn)擊右上角分享
*/
onShareAppMessage: function() {
}
})下面看下微信小程序正則判斷手機(jī)號(hào)的示例代碼
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
if (this.data.Del.length == 0) {
wx.showToast({
title: '輸入的手機(jī)號(hào)為空',
icon: 'success',
duration: 1500
})
return false;
} else if (this.data.Del.length < 11) {
wx.showToast({
title: '手機(jī)號(hào)長(zhǎng)度有誤！',
icon: 'success',
duration: 1500
})
return false;
} else if (!myreg.test(this.data.Del)) {
wx.showToast({
title: '手機(jī)號(hào)有誤！',
icon: 'success',
duration: 1500
})
return false;
} else {
wx.showToast({
title: '填寫正確',
icon: 'success',
duration: 1500
})
}總結(jié)
以上所述是小編給大家介紹的微信小程序手機(jī)號(hào)碼驗(yàn)證功能的實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！
