Browse Source

修改表单的验证

xyg 7 months ago
parent
commit
c971a4a0cf

+ 38 - 33
nngkxxdp/src/main/resources/static/naxsb/wybdb.html

@@ -211,7 +211,7 @@
                     <el-form-item label="项目单位负责人" prop="chargeName">
                         <el-input v-model="form.chargeName" placeholder="请输入项目单位负责人"></el-input>
                     </el-form-item>
-                    <el-form-item label="联系电话" prop="phone">
+                    <el-form-item label="联系电话" prop="chargePhone">
                         <el-input v-model="form.chargePhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
                             @blur="validatePhone"></el-input>
                     </el-form-item>
@@ -220,7 +220,7 @@
                     <el-form-item label="项目单位经办人" prop="handlerName">
                         <el-input v-model="form.handlerName" placeholder="请输入项目单位经办人"></el-input>
                     </el-form-item>
-                    <el-form-item label="联系电话" prop="phone">
+                    <el-form-item label="联系电话" prop="handlerPhone">
                         <el-input v-model="form.handlerPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
                             @blur="validatePhone"></el-input>
                     </el-form-item>
@@ -233,7 +233,7 @@
                     <el-form-item label="帮办代办联络人" prop="proxyName">
                         <el-input v-model="form.proxyName" placeholder="请输入帮办代办联络人"></el-input>
                     </el-form-item>
-                    <el-form-item label="联系电话" prop="phone">
+                    <el-form-item label="联系电话" prop="proxyPhone">
                         <el-input v-model="form.proxyPhone" placeholder="请输入联系电话" maxlength="11" show-word-limit
                             @blur="validatePhone"></el-input>
                     </el-form-item>
@@ -245,7 +245,7 @@
                     </div>
                 </el-form-item>
                 <el-form-item class="subButton">
-                    <el-button type="primary" @click="submitForm()">提交</el-button>
+                    <el-button type="primary" @click="submitForm('form')">提交</el-button>
                     <el-button @click="dialogVisible = false">取消</el-button>
                 </el-form-item>
             </el-form>
@@ -449,44 +449,49 @@
                     return true;
                 };
                 // 验证所有手机号码
-                let isValid = true;
                 if (!validateSinglePhone('handlerPhone', '经办人')) {
-                    isValid = false;
+                    return
                 }
                 if (!validateSinglePhone('proxyPhone', '联络人')) {
-                    isValid = false;
+                    return
                 }
                 if (!validateSinglePhone('chargePhone', '负责人')) {
-                    isValid = false;
+                    return
                 }
-                return isValid;
             },
 
-            submitForm() {
-                if (this.validatePhone()) {
-                    this.form.keyProject = this.form.keyProject === '是' ? 1 : 0;
-                    this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
-                    let formData = this.form; // 获取表单数据
-                    $.ajax({
-                        url: 'http://localhost:8082/proxyDemand',
-                        type: 'POST',
-                        contentType: 'application/json; charset=utf-8',
-                        data: JSON.stringify(formData), // 传递表单数据
-                        dataType: 'json',
-                        success: function (data) {
-                            if (data.result === 'ok') {
-                                alert('添加成功!');
-                                this.dialogVisible = false; // 关闭对话框
-                            } else {
-                                alert(data.success || '操作失败!');
-                            }
-                        }.bind(this),
-                        error: function (error) {
-                            console.error('error:', error);
+            submitForm(formName) {
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        if (!this.validatePhone()) {
+                            return
                         }
-                    });
-                    console.log('提交的数据:', formData);
-                }
+                        this.form.keyProject = this.form.keyProject === '是' ? 1 : 0;
+                        this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
+                        let formData = this.form; // 获取表单数据
+                        $.ajax({
+                            url: 'http://localhost:8082/proxyDemand',
+                            type: 'POST',
+                            contentType: 'application/json; charset=utf-8',
+                            data: JSON.stringify(formData), // 传递表单数据
+                            dataType: 'json',
+                            success: function (data) {
+                                if (data.result === 'ok') {
+                                    alert('添加成功!');
+                                    this.dialogVisible = false; // 关闭对话框
+                                } else {
+                                    alert(data.success || '操作失败!');
+                                }
+                            }.bind(this),
+                            error: function (error) {
+                                console.error('error:', error);
+                            }
+                        });
+                        console.log('提交的数据:', formData);
+                    } else {
+                        return false;
+                    }
+                });
             },
             /*创建uuid传给后端作redis的key值*/
             createUuid() {

+ 6 - 1
nngkxxdp/src/main/resources/static/naxsb/wyyy.html

@@ -200,13 +200,18 @@
                 const reg = /^1[3-9]\d{9}$/;
                 if (!reg.test(this.form.overtimePhone)) {
                     this.$message.error('请输入有效的手机号');
+                    return false;
+                } else {
+                    return true
                 }
             },
             submitForm(formName) {
-                this.validatePhone();
                 this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
                 this.$refs[formName].validate((valid) => {
                     if (valid) {
+                        if (!this.validatePhone()) {
+                            return
+                        }
                         const formData = this.form;
                         // AJAX 请求
                         $.ajax({

+ 6 - 1
nngkxxdp/src/main/resources/static/naxsb/zwfwtyy.html

@@ -232,13 +232,18 @@
                 const reg = /^1[3-9]\d{9}$/;
                 if (!reg.test(this.form.experiencePhone)) {
                     this.$message.error('请输入有效的手机号');
+                    return false;
+                } else {
+                    return true
                 }
             },
             submitForm(formName) {
-                this.validatePhone();
                 this.form.imgKey = sessionStorage.getItem("registerImageCodeKey");
                 this.$refs[formName].validate((valid) => {
                     if (valid) {
+                        if (!this.validatePhone()) {
+                            return
+                        }
                         const formData = this.form;
                         // AJAX 请求
                         $.ajax({