wxml
rush:js;">
wxss
rush:js;">
.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
= 11) {
wx.showToast({
title: '手机号有误',icon: 'success',duration: 2000
})
}
} else {
this.setData({
ajxtrue: true
})
console.log('验证成功',that.data.ajxtrue)
}
},// 表单提交
formSubmit(e) {
let that = this
let val = e.detail.value
let ajxtrue = this.data.ajxtrue
if (ajxtrue == true) {
//表单提交进行
} else {
wx.showToast({
title: '手机号有误',duration: 2000
})
}
},/**
* 生命周期函数--监听页面加载
*/
onLoad: function(options) {
},/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function() {
},/**
* 生命周期函数--监听页面显示
*/
onShow: function() {
},/**
* 生命周期函数--监听页面隐藏
*/
onHide: function() {
},/**
* 生命周期函数--监听页面卸载
*/
onUnload: function() {
},/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function() {
},/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function() {
},/**
* 用户点击右上角分享
*/
onShareAppMessage: function() {
}
})
下面看下微信小程序正则判断手机号的示例代码
rush:js;">
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: '输入的手机号为空',duration: 1500
})
return false;
} else if (this.data.Del.length < 11) {
wx.showToast({
title: '手机号长度有误！',duration: 1500
})
return false;
} else if (!myreg.test(this.data.Del)) {
wx.showToast({
title: '手机号有误！',duration: 1500
})
return false;
} else {
wx.showToast({
title: '填写正确',duration: 1500
})
}
总结
以上所述是小编给大家介绍的微信小程序手机号码验证功能的实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
