关于input禁止输入中文、只允许输入正整数的用法

最新推荐文章于 2024-08-26 14:29:06 发布

面壁思过程

最新推荐文章于 2024-08-26 14:29:06 发布

阅读量766

点赞数

分类专栏： vue 文章标签：关于input禁止输入中文、只允许输入正整数的用法

本文链接：https://blog.csdn.net/candy_mi/article/details/103157943

版权

js 同时被 2 个专栏收录

52 篇文章 1 订阅

订阅专栏

vue

39 篇文章 2 订阅

订阅专栏

1、只允许输入正整数

vue写法

<p>
        <span>只允许输入正整数</span>
        <input
          type="text"
          placeholder="输入正整数"
          @keyup="number=number.replace(/^(0+)|[^\d]+/g,'')"
          v-model="number"
        />
      </p>

普通写法

<p>
        <span>只允许输入正整数</span>
        <input type="text" placeholder="输入正整数" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" />
      </p>

2、禁止输入中文

vue写法

<p>
        <span>禁止输入中文</span>
        <input
          type="text"
          placeholder='禁止输入中文'
          @keyup="number1=number1.replace(/[\u4e00-\u9fa5]/ig,'')"
          v-model="number1"
        />
      </p>

普通写法

<p>
        <span>禁止输入中文</span>
        <input
          type="text"
          class="tel"
          onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')"
          placeholder='禁止输入中文'
        />
      </p>