首页el-input验证只能输入两组数字，中间逗号隔开，或者输入一个单独数字，总长度不超过80

el-input验证只能输入两组数字，中间逗号隔开，或者输入一个单独数字，总长度不超过80

时间: 2023-10-17 20:52:52 浏览: 124

您可以使用正则表达式来验证输入是否符合要求。以下是一个示例代码： ```html <template> <div> <el-input v-model="inputValue" placeholder="请输入数字（两组数字以逗号隔开或者单独一个数字）" :maxlength="80" @input="handleInput" ></el-input> </div> </template> <script> export default { data() { return { inputValue: '' } }, methods: { handleInput() { // 使用正则表达式匹配输入是否符合要求 const regExp = /^(\d+,)?\d{1,2}(,\d{1,2})?$/; if (!regExp.test(this.inputValue)) { // 输入不符合要求，可以根据需要进行处理，比如给出提示信息 console.log('输入不符合要求'); } } } } </script> ``` 在上面的代码中，我们使用了`maxlength`属性限制了输入的最大长度为80。`@input`事件绑定了`handleInput`方法，在该方法中使用正则表达式`/^(\d+,)?\d{1,2}(,\d{1,2})?$/`对输入进行验证。该正则表达式可以匹配两组数字，中间以逗号隔开，或者单独一个数字。如果输入不符合要求，可以根据需要进行处理，例如给出提示信息或禁止提交等操作。

阅读全文