银行卡四位空格

<input type="text" name="bankId" v-model="userBankId" @keyup="handleKeyup""  placeholder="请填写银行卡" maxlength="24" />

    // 银行卡四位空格

    handleKeyup() {

      this.userBankId = this.userBankId.replace(/\D/g, ""); // 不允许输入非数字字符

      this.userBankId = this.userBankId.replace(/(\d{4})(?=\d)/g, "$1 "); // 4位一组，非获取匹配最后一组数字，避免删除到空格时会马上自动补齐

    },

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2018-06-14
    在C语言中,五种基本数据类型存储空间长度的排列顺序是: A)char B)char=int<=float C)ch...
    夏天再来阅读 3,425评论 0赞 2
  • 正则表达式
    正则表达式到底是什么东西？字符是计算机软件处理文字时最基本的单位，可能是字母，数字，标点符号，空格，换行符，汉字等...
    狮子挽歌阅读 2,183评论 0赞 9
  • pySpark 中文API (2)
    pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类： pyspark.sql...
    mpro阅读 9,537评论 0赞 13
  • 2018-07-30
    100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 369评论 0赞 0
  • 正则表达收藏帖
    只能输入数字："^[0-9]*$"。 只能输入n位的数字："^\d{n}$"。 只能输入至少n位的数字："^\d{...
    johney_zhou阅读 432评论 0赞 1