控制input输入数字非中文

事件:1. onKeypress 2. onkeyup

代码:

        <input
            class="mobile-input"
            v-bind="$attrs"
            ref="input"
            :value="currentValue"
            @input="handleInput"
            @change="handleChange"
            v-focus="focusState"
            @click.stop="handleClick"
            maxlength="11"
            type="tel"
            onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
            onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')"
            :placeholder="placeholder"
        />

方法:

  • 采用动态正则验证处理,以此拓展各种类型控制
  1. 数字:onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"

  2. 非中文:onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')"

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

相关阅读更多精彩内容

  • 100个常用的javascript函数 1、原生JavaScript实现字符串长度截取 复制代码代码如下: fun...
    老头子_d0ec阅读 2,865评论 0 0
  • 这里是几个主要非英文语系字符范围(google上找到的): 2E80~33FFh:中日韩符号区。收容康熙字典部首、...
    桃花酿阅读 14,839评论 1 7
  • 匹配中文:[\u4e00-\u9fa5] 英文字母:[a-zA-Z] 数字:[0-9] 匹配空格:[ ]匹配连续空...
    joker_fu阅读 9,691评论 0 0
  • 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{...
    johney_zhou阅读 3,153评论 0 1
  • “大协调”能力所使用的方法按照处所来分,主要两类,一类是“室内协调培育”,另一类是“室外协调培育”。 “室内协调培...
    2131cc789eb5阅读 1,877评论 0 3

友情链接更多精彩内容