×

微信小程序注册验证(姓名和手机号)

作者:abc1232018.07.17来源:Web前端之家浏览:3036评论:0
微信公众号

微信公众号

微信小程序注册验证(姓名和手机号),直接上代码:

wxml:

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

js:

 data: {
    userName:'',
    mobile:''
  },
 
  userNameInput: function (e) {
    this.setData({
      userName: e.detail.value
    })
  },
 
  mobileInput: 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 == '') {
      wx.showToast({
        title: '请输入用户名',
        icon: 'succes',
        duration: 1000,
        mask: true
      })
     
      return false
    } else if (mobile == '') {
      wx.showToast({
        title: '手机号不能为空',
      })
      
      return false
    } 
    else if (mobile.length != 11) {
      wx.showToast({
        title: '手机号长度有误!',
        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)) {
      wx.showToast({
        title: '手机号有误!',
        icon: 'success',
        duration: 1500
      })
      return false;
    }
    return true;
    
  
  },
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://jiangweishan.com/article/weixin123321321131.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    alert('哈哈')...

  • admin

    可以的...

  • 前端面试题

    你好,可以换一下链接吗?...

  • admin

    关于微信小程序,后面会出一些文章的,请关注网站更新。。。...

  • webred

    博主可以分享点小程序的文章......

  • 访客

    可以用。...

  • admin

    可以的,可以联系下QQ,或者加群。...

  • admin

    可以的,可以联系下QQ,或者加群。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero