zoukankan      html  css  js  c++  java
  • vue设置elinput禁止输入特殊字符

    有时候使用Element-ui组件时,根据需求需要设置输入框只能输入数字的效果,我们可以通过下面的代码实现,代码如下:

    <template>
        <el-input
            v-model="value"
            placeholder="请输入"
            @keyup.native="keyUp"
            @keydown.native="keydown"
         ></el-input>
    </template>
    <script>
      export default {
          methods:{
          //限制输入特殊字符
            keyUp(e) {
               e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g,"");
              },
               // 只能输入汉字、英文、数字
            keydown(e) {
               e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
              }
        }
    }
    </script>
    //只能输入数字
      e.target.value = e.target.value.replace(/[^\d]/g,"");
  • 相关阅读:
    E
    C
    航空母舰-03
    航空母舰-02
    航空母舰-01
    新概念4-30
    html
    翁凯-编程学习方法
    机器学习Ng-02
    民法-钟秀勇-导学
  • 原文地址:https://www.cnblogs.com/yishifuping/p/15656750.html
Copyright © 2011-2022 走看看