Browse Source

新建学校输入框限制bug

liushengqiang 1 year ago
parent
commit
5f04c288fc
2 changed files with 17 additions and 5 deletions
  1. 9 0
      src/views/school-register/index.module.less
  2. 8 5
      src/views/school-register/index.tsx

+ 9 - 0
src/views/school-register/index.module.less

@@ -212,4 +212,13 @@
 }
 .sendBtn {
   width: 100Px;
+}
+.sendBtn:global(.van-button--disabled){
+  &::before{
+    left: -5%;
+    top: -15%;
+    width: 110%;
+    height: 130%;
+    transform: none;
+  }
 }

+ 8 - 5
src/views/school-register/index.tsx

@@ -131,6 +131,10 @@ export default defineComponent({
     };
     const handleSubmit = async () => {
       forms.name = forms.name.trim();
+      if (!forms.code) {
+        showToast('请输入验证码');
+        return
+      }
       const res = await api_schoolSave({ ...forms });
       if (res?.code === 200) {
         if (res?.data?.id) {
@@ -310,7 +314,7 @@ export default defineComponent({
                     label="校长姓名"
                     placeholder="请输入校长姓名"
                     inputAlign="right"
-                    maxlength={6}
+                    maxlength={14}
                     v-model={forms.emergencyContact}
                     onUpdate:modelValue={(val: string) => {
                       forms.emergencyContact = val.trim();
@@ -339,12 +343,12 @@ export default defineComponent({
                     label="负责人姓名"
                     placeholder="请输入负责人姓名"
                     inputAlign="right"
-                    maxlength={6}
+                    maxlength={14}
                     v-model={forms.educationalAdministrationUsername}
                     onUpdate:modelValue={(val: string) => {
                       forms.educationalAdministrationUsername = val.trim();
                     }}
-                    rules={[{ required: true, message: '请输入负责人姓名' }]}
+                    rules={[{ required: true, message: '请输入负责人姓名', trigger: 'onBlur' }]}
                   />
                   <Field
                     border
@@ -394,8 +398,7 @@ export default defineComponent({
                     onUpdate:modelValue={(val: string) => {
                       forms.code = val.trim();
                     }}
-                    maxlength={6}
-                    rules={[{ required: true, message: '请输入验证码' }]}>
+                    maxlength={6}>
                     {{
                       button: () => (
                         <Button