vue el-input 禁止输入特殊字符只可输入数字正则验证

最新推荐文章于 2024-02-26 15:18:11 发布

weixin_46711427

最新推荐文章于 2024-02-26 15:18:11 发布

阅读量587

点赞数 1

原文链接：https://blog.youkuaiyun.com/ks8380/article/details/96478522

版权


<el-input
  size="small"
  v-model="city"
  placeholder="请输入城市名称"
  @blur="addCity(scope.$index)"
  @keyup.native="btKeyUp"
  @keydown.native="btKeyDown"
></el-input>
 
// methods内 
 
     // 只能输入汉字、英文、数字
    btKeyDown(e) {
       e.target.value = e.target.value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,"");
    },
    //限制输入特殊字符
    btKeyUp(e) {
       e.target.value = e.target.value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#￥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、]/g,"");