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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。