记录一个小程序 input输入框格式手机号方法

记录小程序input输入框输入格式显示为手机格式 133 8888 6666

<input class="input" type="number" maxlength="13" @input="handleInput" placeholder="请输入手机号" placeholder-class="holderClass" autocomplete="off" />

     handleInput(e) {let value = e.target.value.replace(/\D/g, '').substring(0, 11)this.form.phoneNumber = valuelet len = value.lengthif (len > 3 && len < 8) {value = value.replace(/^(\d{3})/g, '$1 ')} else if (len >= 8) {value = value.replace(/^(\d{3})(\d{4})/g, '$1 $2 ')}return { value }},

记录一个小程序 input输入框格式手机号方法相关推荐

微信小程序input输入框校验手机号输入错误
<view class="flex jc-between"><view>联系方式</view><input class="pla ...
微信小程序 input 输入框控件 bindinput 没有响应
微信小程序 input 输入框控件 bindinput 没有响应问题: 微信小程序 input 输入框控件 bindinput 没有响应原因: 我以为是我这边的问题,检查很多遍检查不出来,最后换个 ...
华为手机微信小程序 input输入框上移
不知道大家有木有遇到过微信小程序的input 调起输入法的时候会被挤上去输入框跑到上面去了无论css怎么写怎么布局还是会跑上移尤其是测试mm的华为手机别的手机都OK的解决的方法是给i ...
微信小程序input输入框关键字自动联想及关键字高亮
找了好多博客都没有找到关于小程序,模糊查询,自动联想,和关键字高亮显示的文章,没办法,自己造吧. 本文采用的是动态联想,即在input框中输入关键字后,将关键字作为条件去数据库查询,然后将所有查询结果 ...
微信小程序input输入框密码的显示与隐藏
1.实现效果 2.实现原理 input的type之中并无password属性. 小程序提供了一个password属性,用来表示是否是密码类型. 关键思路:动态改变password的值,从而实现密码的显 ...
微信小程序: input输入框placeholder样式的修改
相信大伙在开发微信小程序的时候都会遇到这种问题.因为客户的需求,所以我们需要对input框中的placeholder的样式进行修改.接下来告诉大家怎么修改,该方法仅适用于微信小程序. 一.我们要给pl ...
微信小程序input输入框
1.实现input框只能用来传值,不能写数据的办法,是直接让disabled="true"就可以了 <input id='name' disabled="true& ...
解决uni-app微信小程序input输入框在底部时，键盘弹起页面整体上移问题
问题描述: 最近的做了个客服聊天的功能,遇到一个问题如下: 在手机上点击聊天页底部的input框后,键盘弹起同时页面会整体上移,标题栏被顶上去了.如下图: 问题分析: input 获取焦点时会自动调起 ...
记录一个小程序的破解
最近有在吾爱破解的论坛上看见这样一个帖子.上面有个exe文件.一看到这,一下子就激起了我的兴趣.就想这破解了来试试.也来练练手. 没破解前: 在不知道密码的情况下,我们随便输入一个信息会显示搞错了啦. ...
学习记录——微信小程序查询的两种方法
1 传统的查询写法 Page({data:{list:[]},onLoad(){let that=thiswx.cloud.database().collection('goods').get({// ...

记录一个小程序 input输入框格式手机号方法

记录一个小程序 input输入框格式手机号方法相关推荐

最新文章

热门文章