作者 RuoYi

用户信息长度校验限制

@@ -210,7 +210,7 @@ @@ -210,7 +210,7 @@
210 <el-row> 210 <el-row>
211 <el-col :span="12"> 211 <el-col :span="12">
212 <el-form-item label="用户昵称" prop="nickName"> 212 <el-form-item label="用户昵称" prop="nickName">
213 - <el-input v-model="form.nickName" placeholder="请输入用户昵称" /> 213 + <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
214 </el-form-item> 214 </el-form-item>
215 </el-col> 215 </el-col>
216 <el-col :span="12"> 216 <el-col :span="12">
@@ -234,12 +234,12 @@ @@ -234,12 +234,12 @@
234 <el-row> 234 <el-row>
235 <el-col :span="12"> 235 <el-col :span="12">
236 <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName"> 236 <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
237 - <el-input v-model="form.userName" placeholder="请输入用户名称" /> 237 + <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
238 </el-form-item> 238 </el-form-item>
239 </el-col> 239 </el-col>
240 <el-col :span="12"> 240 <el-col :span="12">
241 <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password"> 241 <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password">
242 - <el-input v-model="form.password" placeholder="请输入用户密码" type="password" /> 242 + <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" />
243 </el-form-item> 243 </el-form-item>
244 </el-col> 244 </el-col>
245 </el-row> 245 </el-row>
@@ -440,7 +440,8 @@ export default { @@ -440,7 +440,8 @@ export default {
440 { required: true, message: "用户昵称不能为空", trigger: "blur" } 440 { required: true, message: "用户昵称不能为空", trigger: "blur" }
441 ], 441 ],
442 password: [ 442 password: [
443 - { required: true, message: "用户密码不能为空", trigger: "blur" } 443 + { required: true, message: "用户密码不能为空", trigger: "blur" },
  444 + { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
444 ], 445 ],
445 email: [ 446 email: [
446 { 447 {
@@ -592,7 +593,10 @@ export default { @@ -592,7 +593,10 @@ export default {
592 handleResetPwd(row) { 593 handleResetPwd(row) {
593 this.$prompt('请输入"' + row.userName + '"的新密码', "提示", { 594 this.$prompt('请输入"' + row.userName + '"的新密码', "提示", {
594 confirmButtonText: "确定", 595 confirmButtonText: "确定",
595 - cancelButtonText: "取消" 596 + cancelButtonText: "取消",
  597 + closeOnClickModal: false,
  598 + inputPattern: /^.{5,20}$/,
  599 + inputErrorMessage: "用户密码长度必须介于 5 和 20 之间",
596 }).then(({ value }) => { 600 }).then(({ value }) => {
597 resetUserPwd(row.userId, value).then(response => { 601 resetUserPwd(row.userId, value).then(response => {
598 this.msgSuccess("修改成功,新密码是:" + value); 602 this.msgSuccess("修改成功,新密码是:" + value);
1 <template> 1 <template>
2 <el-form ref="form" :model="user" :rules="rules" label-width="80px"> 2 <el-form ref="form" :model="user" :rules="rules" label-width="80px">
3 <el-form-item label="用户昵称" prop="nickName"> 3 <el-form-item label="用户昵称" prop="nickName">
4 - <el-input v-model="user.nickName" /> 4 + <el-input v-model="user.nickName" maxlength="30" />
5 </el-form-item> 5 </el-form-item>
6 <el-form-item label="手机号码" prop="phonenumber"> 6 <el-form-item label="手机号码" prop="phonenumber">
7 <el-input v-model="user.phonenumber" maxlength="11" /> 7 <el-input v-model="user.phonenumber" maxlength="11" />