正则限制输入

目录

限制输入框只能输入中文

限制输入框只能输入英文

---

限制输入框只能输入中文

  <a-form-item
              label="名称："
              name="crowdSelectionName"
              :label-col="{ style: { width: '80px' } }"
              :rules="[{ required: true, message: '名称不能为空！' }]"
            >
              <a-input
                v-model:value="filter.crowdSelectionName"
                style="width: 1116px"
                placeholder="请输入名称"
                :maxlength="10"
                allow-clear
                onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
                onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
              />
            </a-form-item>

 οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 

只能输入中文

 onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"

解决用户复制粘贴文本：clipboardData.getData先读出要粘贴的内容，删除不是中文的字符，只保留中文，clipboardData.setData将处理好的字符复制到剪切板，显示在文本框中

限制输入框只能输入英文

onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"
onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z]/g,''))"             

和输入中文的规则一致，只是正则的改变  /[^a-zA-Z]/g