(vue)手机号,验证码,身份证,姓名输入正则校验

 <input class="phoneNumTF"  @input="phoneNmVerification" :value="phoneNm" type="text" placeholder="请输入手机号" maxlength="11">

 <input class="codeNumTF"  @input="msgCodeNmVerification" :value="msgCode" type="text" placeholder="请输入验证码" maxlength="6">

 <input class="infoContent" type="text" @input="idNumberVerification" :value="idNumber" placeholder="请输入您的有效身份证号码" maxlength="18">

<input class="infoContent" type="text" @input="nameVerification" :value="name" placeholder="请输入您的真实姓名" maxlength="15">

methods:{

        //手机号输入校验(只允许输入数字)

        phoneNmVerification(e){

            e.target.value=e.target.value.replace(/([^0-9])+/g, '');

            this.phoneNm = e.target.value;

        },

        //验证码输入校验(只允许输入数字)

        msgCodeNmVerification(e){

            e.target.value=e.target.value.replace(/([^0-9])+/g, '');

            this.msgCode = e.target.value;

        },

 //身份证输入校验(只允许输入数字和Xx)

    idNumberVerification(e){

      e.target.value=e.target.value.replace(/([^0-9Xx])+/g, '');

      this.idNumber = e.target.value;

    },

    //姓名校验(只允许输入汉字和英文)

    nameVerification(e){

      e.target.value=e.target.value.replace(/[^\u4e00-\u9fa5A-Za-z]/, '');

      this.name = e.target.value;

    },

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,210评论 0 2
  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 13,226评论 0 13
  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 2,885评论 0 0
  • 正则表达式全部符号解释(转) 常用正则表达式大全 (转) 不错的正则博客 正则的方法 var reg = /[1-...
    me__me11阅读 4,668评论 0 0
  • 写在前面的话 代码中的# > 表示的是输出结果 输入 使用input()函数 用法 注意input函数输出的均是字...
    FlyingLittlePG阅读 8,198评论 0 9

友情链接更多精彩内容