首页js el-input 正则校验不通过限制输入

js el-input 正则校验不通过限制输入

时间: 2023-11-07 20:53:54 浏览: 253

使用正则限制input框只能输入数字/英文/中文等等

常用HTML正则表达式 1.只能输入数字和英文的：代码如下: <input onkeyup=”value=value.replace(/[/W]/g,”) ” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^/d]/g,”))” ID=”Text1″ NAME=”Text1″> 2.只能输入数字的：代码如下: <input onkeyup=”value=value.replace(/[^/d]/g,”) ” onbeforepaste=”clipb

对于 el-input 组件的正则校验，你可以使用 `pattern` 属性来限制输入。这个属性接受一个正则表达式字符串，用于匹配输入的内容。如果匹配失败，则会阻止输入。例如，如果你希望限制 el-input 只能输入数字和字母，可以设置 `pattern` 属性为 `^[A-Za-z0-9]+$`。 ```html <el-input v-model="inputValue" placeholder="请输入内容" :pattern="^[A-Za-z0-9]+$" ></el-input> ```

阅读全文