onPhoneChange({detail}){let old_val=this.data.form.phonelet val=detail.valuethis.setData({form:{phone: this.getSpaceval(old_val,val),}})},getSpaceval(old_val,val){let is_add=falseis_add = val.length > old_val.lengthif (is_add) {//判断是添加还是删除return this.space_full(val)} else {let space_index = this.is_space(old_val, val)let new_str = valif (space_index) {//删空格向前多删除一位new_str = new_str.slice(0, space_index) + new_str.slice(space_index + 1, new_str.length)}return this.space_full(new_str)}},is_space(old_str, new_str) {//判断删除的是否是空格let space_arr = [3, 8];for (let index in space_arr) {let len = space_arr[index]if (old_str[len] == " " && (new_str[len] != " " || new_str[len] == undefined)) {return len - 1}}return false},space_full(value) {//补空格value = value.replace(/ /g, '')let space_arr = [3, 7]let max_cur = 0let new_arr = []for (let index in space_arr) {let len = space_arr[index]if (value.length >= len) {new_arr.push(value.slice(max_cur, len))max_cur = len}}new_arr.push(value.slice(max_cur, value.length))return new_arr.join(' ')},
<input value="{{form.phone}}" maxlength="13" class="phone"  auto-focus placeholder="请输入您的手机号"bindinput="onPhoneChange"placeholder-style="color:#808080" />

微信小程序手机号输入3和7位空格,删除时删除空格相关推荐

  1. 解决微信小程序银行卡号输入转换格式

    解决微信小程序银行卡号输入转换格式问题 ps:2017-02-17 19:44 (发现新bug,暂已解决优化中) 新手第一次写博客,请多多见谅! (感觉会有更好的办法,希望有大牛能对我指点指点) 输入 ...

  2. 微信小程序自定义输入仿咸鱼发布

    微信小程序自定义输入仿咸鱼发布 效果图 效果图2 主要代码 .js // pages/user/release/release.js import Toast from 'vant-weapp/toa ...

  3. 微信小程序手机号解密报错:pad block corrupted 解决方法

    微信小程序手机号解密报错:pad block corrupted 解决方法 微信小程序获取用户手机号,后端解密手机号的时候偶尔会报错 javax.crypto.BadPaddingException: ...

  4. 微信小程序手机号注册获取验证码+验证判断

    微信小程序手机号注册获取验证码+验证判断 扫描二维码,进入首页,找到"小程序演示",效果类->手机号码注册效果,点击进入即可.

  5. 微信小程序手机号快速填写及会员卡开卡组件开放

    微信公众平台宣布小程序用户注册等环节,现在可以使用手机号快速填写组件.另外,微信会员卡商家在小程序内可以使用开卡组件帮助用户快速开卡,并自动将会员卡放入卡包. 小程序开放手机号快速填写组件,非个人开发 ...

  6. asp获取微信小程序用户手机号,asp微信小程序手机号获取,微信小程序手机号asp获取方法

    今天搞的这个项目里需要用到asp获取小程序用户的手机号,在网上找了下资源,一个也没有找到,难道用asp获取不到微信小程序用户的手机号码吗?非也,经过一系列操作,成功了,asp照样可以获取小程序用户的手 ...

  7. 微信小程序文本输入<textarea/> 详解

    也许你迷茫,但是我想说,在你迷茫的同时,保持本心,过好今天就好. 在微信小程序开发中,input 用来实现文本输入,是单行的,textarea是多行的输入实现 1 基本使用 <textarea ...

  8. 微信小程序输入框输入换行

    今天的每日一测,更新文本输入框中输入换行的问题. 最近在做微信小程序项目的测试,因为输入框中输入换行的问题导致项目上线后出现bug. 具体情况是,在某些文本输入框中,我想到了测试输入换行是否能提交成功 ...

  9. 微信小程序手机号授权登录

    文章目录 小程序端 服务端 注意事项 微信小程序,手机号授权登录需求. 大体流程是这样的: 小程序端使用 getPhoneNumber 向微信平台获取授权 通过微信授权后,小程序端接收微信授权后的回调 ...

最新文章

  1. 转发离线安装 Android Studio 更新
  2. java 装配_Spring 通过Java代码装配bean
  3. 如何在vmvare vsphere(ESXI)中移除磁盘中的文件
  4. jquery: JS淘宝网产品图片局部放大代码
  5. 覆写Activity的finish()方法
  6. jquery 筛选不到 checkbox, radio 表单元素
  7. 建立Socket Policy服务器
  8. expected at least 1 bean which qualifies as autowire candidate for this depe (spring无法注入)...
  9. GARFIELD@12-06-2004
  10. BM3D算法学习总结
  11. 凤凰android root x86,凤凰OS 3.0.5版 root教程
  12. 【宋红康 MySQL数据库 】【高级篇】【09】InnoDB的数据存储结构
  13. 手把手教你运用JAVA爬虫技术爬取小说
  14. CentOS6.5下搭建LAMP+FreeRadius+Daloradius Web管理和TP-LINK路由器、H3C交换机连接,实现,上网认证和记账功能
  15. ocr识别图片文字 纯前端
  16. [评测]灵动半导体MM32W3蓝牙开发板开箱报告
  17. AirVO: An Illumination-Robust Point-Line Visual Odometry阅读
  18. camera驱动开机加载流程
  19. 反射模式python
  20. 武汉大学计算机学院学生工作处,学生工作部

热门文章

  1. 林大OJ习题 2020年1月11日
  2. x光肺部分割数据集_LIDC-IDRI肺结节Dicom数据集解析与总结
  3. 虚拟机ubuntu占用CPU过高
  4. (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  5. 【代码分解】用Python实现一个电影订票系统
  6. 阅读器也能个性化?屏保加密换字体,掌阅一个都不少
  7. vb整合多个excel表格到一张_多个excel文件合并到一个文件中 VB
  8. python通过onvif协议搜索局域网所有摄像头ip,并获取摄像头rtsp,mac地址等相关服务
  9. 基于java(springboot框架)的购物商城系统 毕业论文
  10. pgsql:字符串转数值