7dc17705 by 杨炀

中文/英文输入限制

1 parent daf0e98f
...@@ -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) {
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!