输入框校验-js中校验
禁止输入框中输入数字
<a-input
v-model:value="submitForm.name"
placeholder="请输入名称"
@input="inputChangeNumber($event, 'name')"
:maxlength="10"
name="Numbers"
/>
JS:
const inputChangeNumber = (e, type) => {
console.log(e)
if (type === 'name') {
submitForm.name = submitForm.name.replace(/[0-9]+/g, '')
// value=value.replace(/[0-9]+/g,'') 禁止输入数字
} else if (type === 'shortName') {
let str = submitForm.shortName
str = str.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g, '')
submitForm.shortName = str.replace(/[0-9]+/g, '')
// value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'') && value.replace(/[0-9]+/g,'') 只能输入数字,字母和汉字 && submitForm.shortName.replace(/[0-9]+/g, '') 禁止输入数字
}
}
只能输入字母和汉字
<a-form-item ref="shortName" label="简称" name="shortName">
<a-input
v-model:value="submitForm.shortName"
placeholder="请输入简称"
@input="inputChangeNumber($event, 'shortName')"
:maxlength="10"
name="Numbers"
/>
</a-form-item>
js:
const inputChangeNumber = (e, type) => {
console.log(e)
if (type === 'name') {
submitForm.name = submitForm.name.replace(/[0-9]+/g, '')
// value=value.replace(/[0-9]+/g,'') 禁止输入数字
} else if (type === 'shortName') {
let str = submitForm.shortName
str = str.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g, '')
submitForm.shortName = str.replace(/[0-9]+/g, '')
// value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'') && value.replace(/[0-9]+/g,'') 只能输入数字,字母和汉字 && submitForm.shortName.replace(/[0-9]+/g, '') 禁止输入数字
}
}