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

9158APP 0

在微信小程序中实现手机号码长度验证功能主要由以下部分组成: 1、前端代码实现。 1、首先在输入手机号码的文本框中添加maxlength属性,并将该值设置为11位; 2、然后在文本框的onblur事件处理函数中进行验证:当用户输入内容并改变光标时,会触发事件处理函数; 3. 如果文本框的value.length不是11位,则会弹出Toast通知“请输入11位手机号码”。前端代码大致如下:checkL

微信小程序中实现手机号码长度验证功能主要由以下部分组成:

1.前端代码实现。

1、首先在输入手机号码的文本框中添加maxlength属性,并将该值设置为11位;

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

3. 如果文本框的value.length不是11位,则会弹出Toast通知“请输入11位手机号码”。

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

2.后端代码实现。

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'})}