中文/英文输入限制
Showing
1 changed file
with
16 additions
and
2 deletions
| ... | @@ -25,7 +25,7 @@ | ... | @@ -25,7 +25,7 @@ |
| 25 | 25 | ||
| 26 | <el-form :model="form" :rules="rules" ref="iformRef" label-position="right" label-width="150px" v-else> | 26 | <el-form :model="form" :rules="rules" ref="iformRef" label-position="right" label-width="150px" v-else> |
| 27 | <el-form-item :label="language==0?'姓名':'Name'" required prop="name"> | 27 | <el-form-item :label="language==0?'姓名':'Name'" required prop="name"> |
| 28 | <el-input v-model="form.name"/> | 28 | <el-input v-model="form.name" @input="handleInput"/> |
| 29 | </el-form-item> | 29 | </el-form-item> |
| 30 | <el-form-item :label="language==0?'性别':'Gender'" required prop="gender"> | 30 | <el-form-item :label="language==0?'性别':'Gender'" required prop="gender"> |
| 31 | <el-radio-group v-model="form.gender"> | 31 | <el-radio-group v-model="form.gender"> |
| ... | @@ -141,7 +141,21 @@ function getCountryList() { | ... | @@ -141,7 +141,21 @@ function getCountryList() { |
| 141 | countrys.value = res.data | 141 | countrys.value = res.data |
| 142 | }) | 142 | }) |
| 143 | } | 143 | } |
| 144 | 144 | const handleInput = (value) => { | |
| 145 | const regex = /^[a-zA-Z]*$/; | ||
| 146 | const regexCh = /^[\u4e00-\u9fa5]+$/; | ||
| 147 | if(language.value==0){ | ||
| 148 | if (!regexCh.test(value)) { | ||
| 149 | form.value.name = '' | ||
| 150 | ElMessage.warning('请输入中文') | ||
| 151 | } | ||
| 152 | } else { | ||
| 153 | if (!regex.test(value)) { | ||
| 154 | form.value.name = '' | ||
| 155 | ElMessage.warning('Please enter English only') | ||
| 156 | } | ||
| 157 | } | ||
| 158 | } | ||
| 145 | const submit = () => { | 159 | const submit = () => { |
| 146 | proxy.$refs.iformRef.validate(valid => { | 160 | proxy.$refs.iformRef.validate(valid => { |
| 147 | if (form.value.email.indexOf('@') == -1) { | 161 | if (form.value.email.indexOf('@') == -1) { | ... | ... |
-
Please register or sign in to post a comment