在微信小程序中实现手机号长度校验功能,主要由以下几部分构成:
一、前端代码实现。
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'})}
下一篇:微信公众号图片加水印设置
丙肝是什么病微信交流群,丙肝母婴贴吧
耳鸣微信交流群,全国耳鸣交流群
打呼噜微信交流群,怎么加入陌生微信群
「东莞车迷微信群」求个东莞的大众高尔夫微信群
「聋人微信和扣扣群」微信有聋哑人的群吗
「微信红包群规则复制」微信红包群规章制度是什么样的?
「微信群群主有哪些特权」微信群主有哪些特权?
「微信群移出群聊 - 百度」在微信群被移出群聊,所有人都看得到吗?
「微信群新消息要手动翻」微信群聊时一有新消息就跳到最新消息处,完全没法翻看以前的聊天记录 怎么设置?
「手机自动拉人进微信群」怎样把手机联系人拉进微信群中