证书认证增加验证码校验

src/main/resources/templates/www/tuiyijunren/list-zsrz.html

@@ -29,9 +29,9 @@
                     <div><p>验&nbsp;&nbsp;证&nbsp;&nbsp;码</p>:</div>
                     <input id="verifyCode" name="verifyCode" type="text" class="yzm-inp" placeholder="请输入验证码"/>
                     <span class="input-group-addon code zsrz-code" id="basic-addon-code">
-                    <img id="captcha_img" src="${ctxPath}/verify" onclick="changeCode();" alt="点击更换"
-                         title="点击更换" class="m">
-                </span>
+                        <img id="captcha_img" src="${ctxPath}/verify" onclick="changeCode();" alt="点击更换"
+                             title="点击更换" class="m">
+                    </span>
                 </li>
                 <li>
                     <div></div>
@@ -51,78 +51,7 @@
         $("#captcha_img").attr("src", "${ctxPath}/verify?t=" + (new Date().getTime()));
     }
 
-    async function validateForm(ctxPath) {
-        // 获取姓名和联系电话的元素
-        const usernameElement = document.getElementById('username');
-        const telephoneElement = document.getElementById('telephone');
-        const certificateTypeElement = document.getElementById('certificateType');
-        const verifyCodeElement = $('#verifyCode');
-
-        // 检查元素是否存在
-        if (!usernameElement ||!telephoneElement ||!certificateTypeElement ||!verifyCodeElement.length) {
-            show_err_msg('表单元素缺失，请检查页面！');
-            return false;
-        }
-
-        // 获取姓名和联系电话的值
-        const username = usernameElement.value;
-        const telephone = telephoneElement.value;
-        const certificateType = certificateTypeElement.value;
-        const verifyCode = verifyCodeElement.val();
-
-        // 验证姓名和联系电话至少有一个有值
-        if (username.trim() === '' && telephone.trim() === '') {
-            show_err_msg('姓名与联系电话至少填写一个！');
-            return false;
-        }
-        if (certificateType === '0' || certificateType.trim() === '') {
-            show_err_msg('请选择证书类别! ');
-            $('#certificateNum').focus();
-            return false;
-        }
-
-        if (verifyCode === '') {
-            show_err_msg('验证码还没填呢！');
-            verifyCodeElement.focus();
-            return false;
-        }
-
-        try {
-            // 发送 AJAX 请求
-            const response = await $.ajax({
-                // 请求的 URL
-                url: ctxPath + "${ctxPath}/cms/certificate/auth",
-                // 请求类型，可以是 GET、POST、PUT、DELETE 等
-                type: "GET",
-                // 发送到服务器的数据，格式为键值对
-                data: {
-                    verifyCode: verifyCode
-                },
-                // 设置请求和响应的格式，常见的有 "json"、"html"、"xml" 等
-                dataType: "json"
-            });
-
-            console.log(response);
-            if (response.success) {
-                show_msg(response.message, '', false);
-                return true;
-            } else {
-                show_err_msg(response.message);
-                return false;
-            }
-        } catch (error) {
-            // 处理请求失败的情况
-            console.log("请求失败！");
-            console.log("状态码：" + error.status);
-            console.log("错误信息：" + error.statusText);
-            $("#result").html("请求失败，错误信息：" + error.statusText);
-            return false;
-        } finally {
-            console.log("请求完成！");
-        }
-    }
-
-    /*function validateForm() {
+    function validateForm() {
         // 获取姓名和联系电话的值
         var username = document.getElementById('username').value;
         var telephone = document.getElementById('telephone').value;
@@ -145,12 +74,16 @@
             $('#verifyCode').focus();
             return false;
         }
+        // var a = false;
+        // var b = "";
 
+        var res
         $.ajax({
             // 请求的 URL
             url: "${ctxPath}/cms/certificate/auth",
             // 请求类型，可以是 GET、POST、PUT、DELETE 等
             type: "GET",
+            async: false,
             // 发送到服务器的数据，格式为键值对
             data: {
                 verifyCode: verifyCode
@@ -159,30 +92,18 @@
             dataType: "json",
             // 请求成功时的回调函数
             success: function (response) {
+                res = response;
                 console.log(response);
-                if (response.success) {
-                    show_msg(response.message, '', false)
-                    return true;
-                } else {
-                    show_err_msg(response.message)
-                    return false
-                }
-            },
-            // 请求失败时的回调函数
-            error: function (xhr, status, error) {
-                // xhr 是 XMLHttpRequest 对象，status 是请求的状态，error 是错误信息
-                console.log("请求失败！");
-                console.log("状态码：" + xhr.status);
-                console.log("错误信息：" + error);
-                $("#result").html("请求失败，错误信息：" + error);
-                return false
-            },
-            // 请求完成后回调函数（请求成功或失败时均调用）
-            complete: function () {
-                console.log("请求完成！");
+                // a = response.success;
+                // b = response.message;
             }
         });
-    }*/
+
+        if(!res.success){
+            show_err_msg(res.message)
+        }
+        return res.success;
+    }
 </script>
 <style>
     .zsrz-code {