精华内容
下载资源
问答
  • 判断输入的手机号格式是否正确

    千次阅读 2019-12-16 16:44:12
    点击按钮获取输入的手号码,判断输入的手机号格式是否正确 或者是否有输入号码 1.效果截图 不输入号码: 点击提交按钮后的效果 输入错误格式号码 点击提交按钮后的效果 2.代码实现 (1)wxml <view class=...

    点击按钮获取输入的手号码,判断输入的手机号格式是否正确
    或者是否有输入号码

    1.效果截图

    不输入号码:
    在这里插入图片描述
    点击提交按钮后的效果
    在这里插入图片描述
    输入错误格式号码
    在这里插入图片描述
    点击提交按钮后的效果
    在这里插入图片描述

    2.代码实现

    (1)wxml

    <view class="box2">
        <view class="box2_left">手机号</view>
        <input type="text" class="box2_right" placeholder="请填写收货人的手机号" bindblur="change_tel" > </input>
      </view>
    <button bindtap="tap">确定</button>
    

    (2)wxss

    
    .box2{
      width: 680rpx;
      min-height: 90rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-bottom: solid 2rpx #D7D7D7;
    }
    .box2_left{
      width: 180rpx;
      font-size: 15px;
      color: #000000;
    }
    .box2_right{
      width: 406rpx;
      min-height: 90rpx;
      display: flex;
      align-items: center;
      font-size: 14px;
    }
    

    (3)js

      data: {
        //号码
        tel:'',
        }
          /**
       * 手机号
       */
      change_tel:function(e){
        var that = this;
        this.setData({
          tel: e.detail.value
        })
      },
     /**
     * 点击按钮
    */
    tap:function(){
       var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
        if (tel.length == 0){
          wx.showToast({
            title: '请输入手机号!',
            icon: 'none',
            duration: 5500
          })
        } else if (tel.length != 11||!myreg.test(tel)){
          wx.showToast({
            title: '请输入正确的手机号',
            icon: 'none',
            duration: 5500
          })
        }
        }
    
    展开全文
  • vue 之手机号验证、正则验证手机号是否正确 ...填写手机号后获取验证码,输入验证码正确后,才可提交评论; // 1.判断评论内容不为空,出验证手机号弹窗; posttijiao () { if (this.plcontent == "")...

    vue 之手机号验证、正则验证手机号是否正确

    项目介绍:
    首先 项目是为了获取用户手机号码,其次 验证手机号后才可评论也是为了不让用户乱评论;

    在这里插入图片描述
    2.在这里插入图片描述
    填写评论后,弹出提交手机号、验证码弹窗;填写手机号后获取验证码,输入验证码正确后,才可提交评论;

    // 1.判断评论内容不为空,出验证手机号弹窗;
    posttijiao () {
          if (this.plcontent == "") {
            Message({
              message: "评论不能为空",
              type: "warning",
              duration: 5 * 1000
            });
          } else if (this.lpdptel == "") {
            this.islpdp = true;
            //this.tiptan(4);
          }
        },
       
     //1.验证手机号 正则判断为正确的手机号才发送验证请求;
        codetap () {
          if (!/^1[34578]\d{9}$/.test(this.lpdptel)) {
            Message({
              message: "请填写正确的手机号",
              type: "warning",
              duration: 5 * 1000
            });
          } else {
            const params = {
              mobile: this.lpdptel
            };
            sendCode(params).then(res => {
              console.log(res);
              if (res.msg == "发送成功!") {
                Message({
                  message: "发送成功!",
                  type: "warning",
                  duration: 5 * 1000
                });
              }
            });
          }
        },
    
    //3.最后提交评论 判断手机号正确 验证码不为空 提交评论;
        getloupanpinglun () {
          if (this.ison) {
            if (!/^1[34578]\d{9}$/.test(this.lpdptel)) {
              Message({
                message: "请填写正确的手机号",
                type: "warning",
                duration: 5 * 1000
              });
            } else if (this.code == "") {
              Message({
                message: "请填写验证码",
                type: "warning",
                duration: 5 * 1000
              });
            } else {
              const params = {
                type: 2,
                a_id: this.lid,
                content: this.plcontent,
                mobile: this.lpdptel,
                code: this.code
              };
              addComment(params).then(res => {
                console.log(res);
                if (res.msg == "输入验证码不正确!") {
                  Message({
                    message: res.msg,
                    type: "warning",
                    duration: 5 * 1000
                  });
                } else {
                  Message({
                    message: res.msg,
                    type: "warning",
                    duration: 5 * 1000
                  });
                  this.getloupanInfo();
                  this.plcontent = "";
                  this.lpdptel = "";
                  this.code = "";
                  this.islpdp = false;
                }
              });
              // console.log(this.commentlist);
            }
          } else {
            Message({
              message: "请阅读并同意 喜欢房用户服务协议",
              type: "warning",
              duration: 2 * 1000
            });
          }
        },
    

    html:

    <div class="infoboxtan"
             v-if="islpdp">
          <div class="infoboxtanbd">
            <i class="close"
               @click="closeinfo"></i>
            <div class="tanmain">
              <h2 class="titlebox">
                楼盘点评
                <span>我们将为您保密个人信息</span>
              </h2>
              <form class="formbox">
                <input placeholder="您的电话"
                       name="mobile"
                       class="txt"
                       type="number"
                       maxlength="11"
                       v-model="lpdptel" />
                <div class="codebox">
                  <input placeholder="验证码"
                         name="code"
                         class="txt"
                         type="number"
                         v-model="code" />
                  <p class="codetap"
                     @click="codetap()">获取验证码</p>
                </div>
    
                <p class="agree clearfix">
                  <i :class="[{ duiico: true }, ison ? 'on' : '']"
                     @click="isoncli"></i>
                  <span @click="isoncli">阅读并同意</span>
                  <router-link :to="{ name: 'fwxy' }">喜欢房用户服务协议</router-link>
                </p>
                <input type="button"
                       class="yuyuetab"
                       value="立即评论"
                       @click="getloupanpinglun" />
              </form>
            </div>
          </div>
        </div>
    

    其他js:

    data () {
        return {
    	  ison: false,
          islpdp: false,
          lpdptel: "",
          code: ""
    	}
    },
    methods: {
    	isoncli () {
          this.ison = !this.ison;
        },
     	closeinfo () {
          this.islpdp = false;
          this.ison = false;
          this.lpdptel = "";
          this.code = "";
        }
    }
    
    

    样式:(less)

    @blue: #ff222c;
    .codebox {
      width: 100%;
      display: flex;
      justify-content: space-between;
      .code {
        width: 3rem;
      }
      .codetap {
        height: 0.86rem;
        width: 3rem;
        border-radius: 0.1rem;
        background: @red;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.86rem;
        text-align: center;
        margin-left: 0.4rem;
      }
    }
    .infoboxtan {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      // margin: -2rem 0 0 -3.4rem;
      background: rgba(0,0,0,0.8);
      z-index: 999;
      .infoboxtanbd{
        position: fixed;
        top: 50%;
        left: 50%;
        width: 6.8rem;
        height: 4.9rem;
        margin: -2rem 0 0 -3.4rem;
        background: #fff;
        // z-index: 999;
        border-radius: 0.1rem;
        // box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1);
        .close {
          display: block;
          position: absolute;
          width: 0.3rem;
          height: 0.3rem;
          top: 0.2rem;
          right: 0.2rem;
          background: url(../assets/img/close-xx.png) no-repeat center;
          background-size: 100% 100%;
          cursor: pointer;
        }
        .tanmain {
          width: 6.2rem;
          margin: 0.2rem auto 0;
          .titlebox {
            font-weight: normal;
            line-height: 0.8rem;
            color: #333;
            font-size: 0.38rem;
            .line{
              display: block;
              float: left;
              width: 0;
              height: .28rem;
              border-left: 2px solid @blue;
              margin: .28rem .1rem 0 0;
            }
            span {
              font-size: 0.24rem;
              color: #999;
              margin-left: 0.1rem;
            }
          }
          .formbox {
            input {
              display: block;
              width: 100%;
              height: 0.86rem;
              border: 1px solid #bfbfbf;
              box-sizing: border-box;
              margin-bottom: 0.2rem;
              text-indent: 0.2rem;
              font-size: 0.3rem;
              color: #000;
              line-height: 0.6rem;
              border-radius: 0.1rem;
              background: none;
              outline: none;
            }
            .agree {
              width: 100%;
              margin-bottom: 0.16rem;
              color: #999;
              .duiico {
                display: block;
                float: left;
                width: 0.28rem;
                height: 0.28rem;
                border: 1px solid #aaa;
                margin-right: 0.1rem;
                margin-top: 1px;
                box-sizing: border-box;
              }
              .on {
                border: 0 none;
                background: url(../assets/img/duiico.png) no-repeat center;
              }
              a {
                color: #ff222c;
                margin-left: 0.1rem;
              }
            }
            .yuyuetab {
              height: .8rem;
              line-height: .8rem;
              background: @red;
              font-size: 0.3rem;
              color: #fff;
              text-indent: 0;
              border: 0 none;
            }
          }
        }
      }
    }
    
    展开全文
  • 在Android开发中,可能有时候注册账号需要上传手机号到服务器,而为了尽可能的使提交到服务器的手机号正确,有必要在提交之前做个手机号验证! CommonUtil.java 工具类 public class CommonUtil { public ...

    在Android开发中,可能有时候注册账号需要上传手机号到服务器,而为了尽可能的使提交到服务器的手机号正确,有必要在提交之前做个手机号验证!

    CommonUtil.java 工具类

    public class CommonUtil {
    
        public static boolean isMobile(String number) {
    
            boolean re = false;
    
            if (TextUtils.isEmpty(number)) {
                return false;
            }
    
            if (number.length() == 11) {
                if (number.startsWith("13")) {
                    re = true;
                } else if (number.startsWith("14")) {
                    re = true;
                } else if (number.startsWith("15")) {
                    re = true;
                } else if (number.startsWith("17")) {
                    re = true;
                } else if (number.startsWith("18")) {
                    re = true;
                }
            }
    
            return re;
        }
    }

    代码中使用:

            // 做个正则验证手机号
            if (!CommonUtil.isMobile(mPhone)) {
                Toast.makeText(this, "请填写正确的手机号", Toast.LENGTH_SHORT).show();
                return;
            }

     

    展开全文
  • [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]根据网友“zhd”的脚印做了修改,使其可以支持最新的189,150码段,更新日期:2009-9-5,下面是更新后的代码: 手机号码: <input type="button" value=...
  • VUE—移动端手机号正则验证,不正确显示‘请输入正确手机号’,若正确跳转到发送验证码 先看效果图 第一步:写布局 <input type="text" placeholder="请输入手机号" v-model="phonenumber"> // 实时获取input...

    VUE—移动端手机号正则验证,不正确显示‘请输入正确手机号’,若正确跳转到发送验证码

    先看效果图在这里插入图片描述

    第一步:写布局

    <input type="text" placeholder="请输入手机号" v-model="phonenumber">
    // 实时获取input框输入的手机号
     <p  v-if="!isShow">请输入正确的手机号</p>
     // 如果是true则显示,反之则消失
     <button @click="testFn" >  获取验证码 </button>
     // 调用testFn方法,用来验证输入的手机号是否正确
    

    第二步:data中定义phonenumber用来实时获取input框输入的电话号

    data () {
          return {
            phonenumber: '',
            isShow: true
            // 初始值是true,因为v-if时是!isShow,是false不显示
          }
        },
    

    第三步:methods写testFn方法

    methods: {
          testFn () {
            let re = /^1(3|4|5|6|7|8|9)\d{9}$/
            // 正则,验证手机号输入是否正确
            let show = re.test(this.phonenumber)
            // 若正确返回true,反之false
            this.isShow = show
            // isShow获取之后返回到v-if进行判断是消失还是出现
            if (this.isShow) {
              this.$router.push('/Login_test')
              // 一定要进行判断,只有返回的是true才证明输入电话号码正确,才能跳转到下一页获取验证码
            }
          }
     }
    

    若号码正确则跳转到验证码页
    在这里插入图片描述

    展开全文
  • 正则表达式验证手机号码是否正确

    万次阅读 2018-05-02 17:22:19
    在需要手机登录,验证等场景时,需要先在前端对输入手机号码进行验证! 验证的正则表达式 let phoneCodeVerification = /^[1][3,4,5,7,8][0-9]{9}$/; 应用实例 function ...
  • 在Utils包名下面创建电话号码匹配工具类 public class TelNumMatch { ... * 10. * 移动: 2G号段(GSM网络)有139,138,137,136,135,134,159,158,152,..."请输入正确手机号码" ,Toast .LENGTH _SHORT) .show () ; }
  • 前端校验手机号格式

    2019-10-08 10:31:03
    前言:验证手机号格式,11位/回车触发查询 1 . 具体效果: 2 . js代码: //回车执行查询 $('#mobile').bind('keyup', function (event) { if (event.keyCode == "13") { $('#customerSearch').click(); } }); /...
  • JS验证表单填写格式是否正确的方法,验证电话、手机、证件号码等格式是否正确
  • 手机号验证最新正则表达式

    万次阅读 多人点赞 2020-10-26 08:58:24
    一般表单页面都需要填写手机号,校验用户输入的手机号码是否正确,就要用到正则表达式,用正则表达式来匹配手机号段,如在运营商号段内,则号码正确。因此,需要知道运营商最新的号段,如下所示: 各大运营商手机...
  • Android Edittext 手机号码格式输入设置

    千次阅读 2017-12-28 15:51:16
    效果图根据需求要实现的是输入手机号码格式的数字文本,并且输入时能根据手机号码自动分隔成美观的带空格的格式,点击完成后能对手机号码验证是否是手机号码.二. 代码实现我使用的是动态添加代码的方式,完整代码...
  • js手机号码格式、tp5身份证格式验证

    千次阅读 2017-04-07 14:11:53
    手机号码的规范验证,并不只是单纯的11位数字,可以通过如下的正则表达式代表现有的手机号码:/^1[34578]\d(9)$/,表示第一位是“1”,第二位是“34578”中的任意一位,d(9)表示从第三位之后的9位都是数字。...
  • 中国的手机号码格式化/分类工具

    千次阅读 2013-06-09 11:35:13
    想法是:移除非法号码,只允许11位数字号码,移除重复,然后使用指定的号码段进行区别运营商再确定的条数...11位中国手机号码整理程序 .box100{width:100%;border:1px solid black;} .input{border:1px solid black
  • 正则验证手机号码和邮箱格式

    千次阅读 2018-08-13 15:01:29
    使用正则验证手机及电话号码是否正确,在JSP中操作 &amp;amp;lt;div class=&amp;quot;row clearfix&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;col-3 t-r&amp;...
  •  具体效果就是,你在注册界面填写手机号,点击获取验证码按钮,—然后会收到验证短信,填入验证码后点击注册按钮,如果验证正确就可以跳转到另外一个界面  1.首先大家需要在mob官网注册一个账号,mob是一个免费的...
  • 用途:检查输入是否正确的电话和手机号 输入: value:字符串 返回: 如果通过验证返回true,否则返回false */ function isTelOrMobile(telephone){ var teleReg = /^((0\d{2,3})-)(\d{7,8})$/; var mobileReg...
  • 电话号码3-4-4格式实现方式在最近的开发中遇到将电话号码展示成3-4-4格式的需求(如:132 2222 3333这样子),乍一看这个要求挺简单的,因为只需要在满足长度的字符串固定位置加上相应的空格即可。但实际上还是...
  • 要用手机时再用+ 为什么前面要个”+”呢?这是因为各国打国际长途要加的号码不统一.比如在国内打国际长途要加00,所以各位打美国一个号码 +1 949 450 xxxx 时, 就要打 001 949 450 xxxx. 而在美国打国际长途要加 ...
  • 手机号码验证

    千次阅读 2018-06-04 15:52:12
    填写手机号" v-model="phone" maxlength="11" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text'...
  • 中国手机号的正则表达式匹配规则

    千次阅读 2019-06-12 17:32:19
    比如判断一个手机号格式是否正确 手机号码的匹配 填写的邮箱格式是否正确 但是呢,国内手机号的匹配还是有点难度,不仅有三大运营商,这三大运营商还经常推出一些新号段,因此判断手机格式还是有点复杂的 今天猿...
  • 请输入手机号"/> ;width:90%;overflow:hidden;margin-left:5%"> 请输入验证码" style="width:65%;padding-left:20px;float:left;"> 获取验证码" style="cursor: pointer;float:left;width:35%;padding...
  • 一般表单页面都需要填写手机号,校验用户输入的手机号码是否正确,就要用到正则表达式,用正则表达式来匹配手机号段,如在运营商号段内,则号码正确。因此,需要知道运营商最新的号段,如下所示:各大运...
  • 需求:在提交表单的时候,验证手机号码和身份证号码,如果不填写手机号码和身份证号码,就无需验证,如果填写手机号码和身份证号码,必须要填写正确格式,如果不正确,则没有办法通过验证,出现弹框提示。...
  • 比如判断一个手机号格式是否正确 手机号码的匹配 填写的邮箱格式是否正确 但是呢,国内手机号的匹配还是有点难度,不仅有三大运营商,这三大运营商还经常推出一些新号段,因此判断手机格式还是有点复杂的 今天...
  • 验证手机号码

    千次阅读 2019-07-18 09:04:24
    手机号格式的验证,无论我们在网页或软件中注册某些东西经常用到,因为要判定这个手机号码是否符合规范。今天我就说一个 比较实用的电话号码正则表达式 首先在HTML的input标签里面加一个 maxlength=“11” 限制他...
  • JS验证手机号码有效性

    千次阅读 2019-10-15 18:14:43
    用户提交表单,填写手机号,为了减轻后端压力,需要再前端先验证一下数据的有效性,比如手机号是否符合规则,这里使用正则去匹配验证 isMobile(str) { var myreg=/^[1][3-9]\d{9}$|^([6|9])\d{7}$|^[0][9]\d{8}$|...
  • // 验证手机号码 export function checkPhoneNumber(rule, value, callback) { const reg = /^1[3|4|5|6|7|8|9]\d{9}$/;... return callback(new Error('请填写手机号码!')) } else if (!reg.test(value)) {...
  • 1.填写正确手机号后,出现添加手机号图标,最多添加五个手机号; 2.可点击拨号图标拨号; // addtelinp addtelarr: function (e) { let index = e.currentTarget.dataset.index; let telnum = e.detail.value; ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,974
精华内容 7,589
关键字:

填写手机号的正确格式