成都网站建设设计

将想法与焦点和您一起共享

微信小程序中怎么利用三元运算验证手机号

这期内容当中小编将会给大家带来有关微信小程序中怎么利用三元运算验证手机号,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联专注于凌源企业网站建设,成都响应式网站建设公司,成都做商城网站。凌源网站建设公司,为凌源等地区提供建站服务。全流程定制网站设计,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

wxml部分:


 *您的姓名
 
 姓名不能为空


 *所属部门
 
 部门不能为空


 *联系电话
 
 请输入有效的手机号

js部分:

data: {
  trueName: "",
  deparment: "",
  phone: "",
  isName: "",
  isDeparment: "",
  isPhone: "",
 },
 //事件处理函数
 userNameInput: function (e) {
  //用户姓名
  if (e.detail.value) {
   console.log(e.detail.value)
   this.setData({
    isName: '',
    trueName: e.detail.value
   })
  } else {
   this.setData({
    isName: '1'
   })
  }
 },
 userBranchInput: function (e) {
  //所属部门
  if (e.detail.value) {
   this.setData({
    isDeparment: '',
    deparment: e.detail.value
   })
  } else {
   this.setData({
    isDeparment: '1'
   })
  }
 },
 userTellInput: function (e) {
  //联系电话
  if (/^1[3|4|5|6|7|8|9]\d{9}$/.test(e.detail.value)) {
   this.setData({
    phone: e.detail.value,
    isPhone: ""
   })
  } else {
   this.setData({
    isPhone: "1"
   })
  }
 }

上述就是小编为大家分享的微信小程序中怎么利用三元运算验证手机号了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


文章名称:微信小程序中怎么利用三元运算验证手机号
本文地址:http://chengdu.cdxwcx.cn/article/iigoso.html