支付宝小程序正则判断姓名和手机号

在js文件中写入如下代码

data: {
    userName:'',
    mobile:''
  },
  userName: function (e) {
    this.setData({
      userName: e.detail.value
    })
  },
  mobile: function (e) {
    this.setData({
      mobile: e.detail.value
    })
  },
  btnclick:function(){
    var userName = this.data.userName;
    var mobile = this.data.mobile;
    var phonetel = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
    var name = /^[u4E00-u9FA5]+$/;
    if (userName == '') {
      my.showToast({
        content: '请输入用户名',
        icon: 'succes',
        duration: 1000,
        mask: true
      })
      return false
    } else if (mobile == '') {
      my.showToast({
        content: '手机号不能为空',
      })
      return false
    } 
    else if (mobile.length != 11) {
      my.showToast({
        content: '手机号长度有误！',
        icon: 'success',
        duration: 1500
      })
      return false;
    }
    var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
    if (!myreg.test(mobile)) {
      my.showToast({
        content: '手机号有误！',
        icon: 'success',
        duration: 1500
      })
      return false;
    }
    return true;
  },

在axml中写入如下代码

<view class='information'>填写信息</view>
<view class='top_line'></view>
<view class='name'>姓名</view>
<input class='btn'  type="text" placeholder='请输入预约人姓名' maxlength='12'value="" oninput ="userName" ></input>
<view class='line'></view>
<view class='call'>手机号</view>
<input class='btn' type="text" placeholder='请输入手机号' maxlength='11'value="" oninput ="mobile" ></input>
<view class='line'></view>
 
<button class='confirm' type="submit" bindtap='btnclick' >确认预约</button>