微信小程序input输入框校验手机号输入错误
<view class="flex jc-between"><view>联系方式</view><input class="plan-text" bindblur="inputtaskphone" bindfocus="focus" value="{{task.phone}}" placeholder="{{placeholder}}" type="digit" /><view class="flex red margin-right-20" style="position: absolute;right: 0;" wx:if="{{phonedisplay}}"><van-icon name="warning-o" /><view style="margin-right: 100rpx;">联系方式错误</view></view></view>
inputtaskphone(e) {
if(e.detail.value!=“”){
if (!(/^1[3456789]\d{9}$/.test(e.detail.value))) {
this.setData({
phonedisplay: true,
placeholder: “”,
“task.phone”:“”
})
}
}
},
focus() {
this.setData({
phonedisplay: false,
placeholder: “请输入联系方式”,
“task.phone”:“”
})
},
data: {
task: {
phone: “”
},
phonedisplay: false,
placeholder: “请输入联系方式”
},
微信小程序input输入框校验手机号输入错误相关推荐
- 微信小程序 input 输入框控件 bindinput 没有响应
微信小程序 input 输入框控件 bindinput 没有响应 问题: 微信小程序 input 输入框控件 bindinput 没有响应 原因: 我以为是我这边的问题,检查很多遍检查不出来,最后换个 ...
- 华为手机 微信小程序 input输入框上移
不知道大家有木有遇到过 微信小程序的input 调起输入法的时候 会被挤上去 输入框跑到上面去了 无论css怎么写怎么布局 还是会跑上移 尤其是测试mm的华为手机 别的手机都OK的 解决的方法是 给i ...
- 微信小程序: input输入框placeholder样式的修改
相信大伙在开发微信小程序的时候都会遇到这种问题.因为客户的需求,所以我们需要对input框中的placeholder的样式进行修改.接下来告诉大家怎么修改,该方法仅适用于微信小程序. 一.我们要给pl ...
- 案例:微信小程序input可选参数数据校验和错误提示
笔者今天在做微信小程序项目时,涉及到两个表单提交,提交前进行判断的问题.两个表单中重合的参数有2个,在这种情况下,写判断函数时采用可选参数. 在写函数的时候,我们有时候会设置可选参数,可选参数可以这样 ...
- 微信小程序input输入框关键字自动联想及关键字高亮
找了好多博客都没有找到关于小程序,模糊查询,自动联想,和关键字高亮显示的文章,没办法,自己造吧. 本文采用的是动态联想,即在input框中输入关键字后,将关键字作为条件去数据库查询,然后将所有查询结果 ...
- 微信小程序input输入框密码的显示与隐藏
1.实现效果 2.实现原理 input的type之中并无password属性. 小程序提供了一个password属性,用来表示是否是密码类型. 关键思路:动态改变password的值,从而实现密码的显 ...
- 微信小程序input输入框
1.实现input框只能用来传值,不能写数据的办法,是直接让disabled="true"就可以了 <input id='name' disabled="true& ...
- 解决uni-app微信小程序input输入框在底部时,键盘弹起页面整体上移问题
问题描述: 最近的做了个客服聊天的功能,遇到一个问题如下: 在手机上点击聊天页底部的input框后,键盘弹起同时页面会整体上移,标题栏被顶上去了.如下图: 问题分析: input 获取焦点时会自动调起 ...
- 小程序数据框有重影_微信小程序input重影什么原因?怎么解决重影?
微信小程序input重影什么原因?怎么解决重影?微信小程序input输入框输入出现了重影的情况,这是什么原因呢?又该怎么去解决微信小程序input重影问题. 微信小程序input重影怎么办? 问题描述 ...
最新文章
- php path当局者迷,当局者迷_成语故事_有品有墨_品故事 写人生
- 解决Eclipse Problems视图丢失图标问题
- javascript高级程序设计之BOM
- wxpython使用实例_wxPython中文教程入门实例
- ROS 学习笔记(二):自定义消息msg+Publisher+Subscriber 示例运行
- mysql临时表数量_MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
- MySQL怎么查同一列多行展示_一个MySQL查询将多个行中的字符串合并为一行,并在另一列中显示相应的用户ID总和?...
- 一个商人应遵守的22条规矩
- Maven的下载安装配置教程(详细图文)
- MOOC:模式识别——贝叶斯决策理论
- Molecular Contrastive Learning of Representations via Graph Neural Networks
- visual assist x太卡了_河西区专业达格XD7500租赁 X-RAY -哪家好-老友网
- table 表格边框线去重
- python github 12306 文贤平_抢票工具成了GitHub热榜第一,最新支持候补抢票,Python跑起来...
- 双臂冗余机器人solidworks转URDF
- 史上最全最精美的ppt模板,这里有2000多套ppt,涵盖了各行各业的ppt类型,不管是在校用还是工作用,这里面都有!
- 《碟中谍5》背后的生物识别技术大比拼
- [乐意黎原创] 地铁和轻轨的区别, 中国目前有几个城市有地铁
- Mismatch in datapacket 解决方法 (Delphi)
- linux清理进程内存,linux 内存使用管理及释放
热门文章
- matlab读csv文件问题
- Dijkstra(迪杰斯特拉)算法:求给定顶点到其余各顶点的最短路径
- round()函数在Java和MySQL中的使用
- 毕业生迷茫,中年人焦虑,职场路如何越走越宽?
- 视频会议解决方案-最新全套文件
- 脑力风暴之小毛驴历险记(1)----好多胡萝卜(上)
- 再不报名就来不及啦!!!
- Composer 提示 but these conflict with your requirements or minimum-stability
- 纯CSS3实现(无图片)的彩色条纹电子明信片
- 女友的一个建议,让 26 岁程序员做了个价值 10 亿美元的 App