您现在的位置: 首页 > 微信营销 > 微信动态文章 > 微信小程序怎么实现手机号长度校验功能

微信小程序怎么实现手机号长度校验功能

作者:pc668   来源:  热度:419  时间:2023-04-10
在微信小程序中实现手机号长度校验功能,主要由以下几部分构成:一、前端代码实现。 1、首先在输入手机号的文本框上增加maxlength属性,将此值设为11位即可; 2、然后再在文本框onblur事件处理函数中进行校验:当用户输入内容后并改变光标时会触发该事件处理函数; 3、如果文本框的value.length不是11位时弹出“请输入11位手机号”的toast通知即可。 前端代码大概如下: checkL

在微信小程序中实现手机号长度校验功能,主要由以下几部分构成:

一、前端代码实现。

1、首先在输入手机号的文本框上增加maxlength属性,将此值设为11位即可;

2、然后再在文本框onblur事件处理函数中进行校验:当用户输入内容后并改变光标时会触发该事件处理函数;

3、如果文本框的value.length不是11位时弹出“请输入11位手机号”的toast通知即可。

前端代码大概如下: checkLength:function(e){ if (e.detail.value.length != 11) { wx.showToast({ title:'请输入11位手机号', icon:'none' }) } }

二、后端代码实现。

1、使用正则表达式来匹配字符串是否是一个正常的手机号格式,并把匹配到的字符串作为返回值; var regexp=/^1[3|4|5|7|8][0-9]\d{4,8}$/;if(regexp.test(str)){ return str;}else{ return '';} 2、对返回值进行判断,如果不是一般情况,就弹出toast通 知”请 输 入 11 位 手 机 号 ” ;if (str == '') {wx.showToast({title : '请 输 入 11 位 手 机 号 ',icon : 'none'})}

登录

使用微信帐号或QQ直接登录,无需注册