a-input已经有v-decorator校验的基础上,再添加输入的校验
实现如果input内输入非英文字符自动替换删除,无法输入
在已经有rule判断的基础上,增加不能输入的控制
v-decorator="['nameEn', {rules:validatorRules.nameEn.rules,getValueFromEvent: (event) => {
return event.target.value.replace(/[^a-zA-Z]/g, '') } } ]"
<!-- 英文名 -->
<a-col :span="12">
<a-form-item :label="$t('customermanage.nameEn')" :labelCol="labelCol" :wrapperCol="wrapperCol">
<a-input type="list" v-decorator="['nameEn', {rules:validatorRules.nameEn.rules,getValueFromEvent: (event) => {
return event.target.value.replace(/[^a-zA-Z]/g, '')
}}]" :trigger-change="true"/>
</a-form-item>
</a-col>
原来的v-decorator规则:
validatorRules: {
nameEn: {
rules: [
{ required: true, message: '请输入英文名!' },
]
},
}
补充:
getValueFromEvent是 jeecg boot 内置的一个方法,此处应该是修改覆盖默认方法,来处理值