输入框0-65535正则
时间: 2024-01-18 13:03:21 浏览: 14
输入框0-65535正则表达式可以使用以下代码实现:
oninput="value=value.replace(/[^0-9]/g, '').replace(/(^[1-9]\d{4,5}$)|(^[1-5]\d{0,4}$)|(^[0-4]\d{3}$)|(^[50-4]\d{2}$)|(^[0-2d{1}$)|(^[0-5]$)/g, '')"
相关问题
el-input正则显示***
可以使用Vue的计算属性和正则表达式来实现el-input正则显示***的效果。具体实现方法如下所示:
```html
<template>
<el-input v-model="inputValue" :value="displayValue" @input="handleInput"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: '', // 输入框的实际值
displayValue: '', // 输入框的显示值
regex: /[^(\-)?\d.]|^(\-)?[0]+[0-9]+$|^\.+$/g // 正则表达式,限制只能输入数字和小数点
}
},
computed: {
maskedValue() {
return this.inputValue.replace(this.regex, '*') // 将输入框的实际值中符合正则表达式的部分替换为*
}
},
methods: {
handleInput() {
this.displayValue = this.maskedValue // 将替换后的值赋给显示值
}
}
}
</script>
```
在上述代码中,我们使用了一个计算属性`maskedValue`来将输入框的实际值中符合正则表达式的部分替换为*,然后将替换后的值赋给显示值`displayValue`。同时,我们在`el-input`组件上绑定了`value`属性,这样就可以将替换后的值显示在输入框中了。
el-form正则特殊字符校验
el-form中可以使用正则表达式进行特殊字符校验。具体实现方法是在el-form-item中使用prop属性指定需要校验的字段,在rules属性中定义校验规则,其中validator属性可以使用正则表达式进行校验。
例如,需要校验一个输入框中是否包含特殊字符,可以在el-form-item中定义如下规则:
```
<el-form-item label="输入框" prop="input">
<el-input v-model="inputValue"></el-input>
</el-form-item>
...
data() {
return {
inputValue: ''
}
},
rules: {
input: [
{
validator: (rule, value, callback) => {
const reg = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/
if (!reg.test(value)) {
callback(new Error('输入框中不能包含特殊字符'))
} else {
callback()
}
},
trigger: 'blur'
}
]
}
```