antd 输入框只能输入英文、数字、下划线

最新推荐文章于 2024-07-08 17:42:28 发布

心若向阳(*￣︶￣)

最新推荐文章于 2024-07-08 17:42:28 发布

阅读量2.7k

点赞数 1

分类专栏：知识累积 ant-design vue 个人项目文章标签： javascript 前端 vue.js antd input

本文链接：https://blog.csdn.net/agua001/article/details/125005450

版权

个人项目同时被 3 个专栏收录

144 篇文章 5 订阅

订阅专栏

知识累积

129 篇文章 3 订阅

订阅专栏

ant-design vue

58 篇文章 1 订阅

订阅专栏

antd 输入框只能输入英文、数字、下划线

<a-row :gutter="8">
  <a-col :lg="24">
    <a-form-item label="传感器序号" v-bind="validateInfos.serialNumber">
      <a-input
        onkeyup="value=value.replace(/[, ]/g,'')"
        v-model:value="formData.serialNumber"
        placeholder="请输入传感器序号(只能输入数字哟)"
        @input="getNumber"
      />
    </a-form-item>
  </a-col>
</a-row>
const getNumber = (obj) => {
  obj.target.value = obj.target.value.replace(/[^\a-\z\A-\Z0-9\_]/g,"");
  formData.serialNumber = obj.target.value;
};