微信小程序电话号码input框的正则校验

1、wxml

 <!-- start 联系电话 --><view class="mobile"><sapn class="title">联系电话</sapn><input value="{{registration.mobile}}" class="mobile-weui-input" type="number"bindblur="mobileInput" maxlength="11" placeholder="请输入电话号码！" /></view><!-- end 联系电话 -->

2、js

  // 电话输入//mobileFormat表示输入是都符号电话号码规则mobileInput(e) {let value = e.detail.value.replace(/\D/g, '')this.setData({mobile: value,})var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;if (this.data.mobile.length == 0) {wx.showToast({title: '输入的手机号为空，，请重新输入！',icon: 'success',duration: 1500})this.setData({mobileFormat: false,})} else if (this.data.mobile.length < 11) {wx.showToast({title: '手机号长度有误，请重新输入！',icon: 'none',duration: 1500})this.setData({mobileFormat: false,})} else if (!myreg.test(this.data.mobile)) {wx.showToast({title: '手机号有误，请重新输入！',icon: 'none',duration: 1500})this.setData({mobileFormat: false,})} else {this.setData({mobileFormat: true,})}},

微信小程序电话号码input框的正则校验相关推荐

微信小程序设置input框placeholder的字体大小
一.绑定属性给input框绑定 placeholder-class="placeholder-style"这个属性. <input placeholder="请输 ...
微信小程序页面搜索框查询（无后台接口情况下）
微信小程序页面搜索框查询(无后台接口情况下) 效果图: wxml <view class="container"><view class="goodsl ...
微信小程序自定义搜索框（searchbar）
微信小程序自定义搜索框(searchbar) 样式截图展示: 功能描述:微信小程序页面需要加入搜索框时,可以直接引用到页面中使用,当用户未输入任何关键字时如第一张图所示,当用户输入要搜索的关键字时如第 ...
原生微信小程序，搜索框（search）组件
原生微信小程序,搜索框(search)组件首先创建组件及两个跳转页面,第一个是搜索框所在的页面(首页),第二个是搜索详细页搜索框的本质是:搜索框不是input,而是navigate,跳转到专门的搜 ...
微信小程序自定义模态框，官方版本与自定义可扩展版本
微信小程序自定义模态框,官方版本与自定义可扩展版本提示:文章最后有源码,可自取文章主要通过模仿官方的模态框进行自定义模态框的设计,我将会先讲述原理,然后给出源码,最后指出一些需要注意的地方提示: ...
微信小程序下拉框插件_微信小程序下拉框组件使用方法详解
本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等一.省市三级联动使用注意mode = ...
微信小程序获取input输入的值
微信小程序获取input输入的值 view <view><text>姓名:</text><input type='text' name="user ...
微信小程序radio单选框
微信小程序radio单选框效果: 选中男返回male,选中女返回female wxml: <radio-group bindchange="handlechange"> ...
微信小程序输入框input
微信小程序输入框input 属性名类型默认值说明 value String 输入框的内容 type String text input的类型,有效值:text,number,idcard,dig ...

微信小程序电话号码input框的正则校验

微信小程序电话号码input框的正则校验

微信小程序电话号码input框的正则校验相关推荐

最新文章

热门文章