关于js 方法,实现ajax请求时,return false/true无效的问题

2024-06-03 05:18

本文主要是介绍关于js 方法,实现ajax请求时,return false/true无效的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

前几天,在校验一个表单数据用到ajax时,遇到 return false 无效问题,以下就是对这个问题进行了分析介绍,需要的朋友可以参考下


//检验邮箱/用户名是否存在于数据库

function checkMemberName(){
    var account=$.trim($("#account").val());
    var ctx=$("#ctx").val();
    if(account==""){
        $("#accountMessage").text("Please enter your Email, convenient for us to start the service for you");
        $("#accountMessage").removeClass("success");
        $("#accountMessage").addClass("error");
        return false;
    }
    var flag=true;
    $.ajax({
        url:ctx+"/user/checkAccount",                    
        type:"POST",
        async:false,  
        cache:false,
        data:"account="+account,        
        dataType:"json",                
        success:function(result){
            if(result){
                $("#accountMessage").text("The member name may not exist, please check it carefully, it's convenient, you retrieve password as soon as possible!");
                $("#accountMessage").removeClass("success");
                $("#accountMessage").addClass("error");
                flag= false;
            }else{
                $("#accountMessage").text("This member name may affect your password back. Please check carefully!");
                $("#accountMessage").removeClass("error");
                $("#accountMessage").addClass("success");
                flag= true;
            }
        }
    });
    return flag;
}
//验证码的检测
function checkCaptcha(){
    var captcha=$.trim($("#captcha").val());
    var ctx=$("#ctx").val();
    if(captcha==""){
        $("#codeMessage").html("Please enter verification code.");
        $("#codeMessage").addClass("error");
        return false;
    }
    var flag=true;
    $.ajax({
        url:ctx+"/user/checkCaptcha",                    
        type:"POST",
        async:false,  
        cache:false,
        data:"captcha="+captcha,        
        dataType:"json",                
        success:function(result){
            if(!result){
                $("#codeMessage").text("The verification code is error.");
                $("#codeMessage").addClass("error");
                flag= false;
            }else{
                $("#codeMessage").text(" ");
                $("#codeMessage").removeClass("error");
                flag= true;
            }                
        }
    });
    return flag;
}
//密码找回,页面跳转的验证
function checkFindPassword(){
    var flag=true;
    if(!checkMemberName()) flag=false;
    alert(flag);
    if(!checkCaptcha()) flag=false;
    alert(flag);
    if(flag){
        $("#findPasswordForm").submit();
    }
}
$(function(){
    var ctx=$("#ctx").val();
    $("#kaptchaImage").click(function(){
        $(this).hide().attr('src',ctx+'/captcha/captcha.jpg?t='+new Date().getTime()).fadeIn();
    });
    $(".codeshowimg").click(function(){
        $("#kaptchaImage").hide().attr('src',ctx+'/captcha/captcha.jpg?t='+new Date().getTime()).fadeIn();
    });
});

这篇关于关于js 方法,实现ajax请求时,return false/true无效的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1026104

相关文章

解决pandas无法读取csv文件数据的问题

《解决pandas无法读取csv文件数据的问题》本文讲述作者用Pandas读取CSV文件时因参数设置不当导致数据错位,通过调整delimiter和on_bad_lines参数最终解决问题,并强调正确参... 目录一、前言二、问题复现1. 问题2. 通过 on_bad_lines=‘warn’ 跳过异常数据3

解决RocketMQ的幂等性问题

《解决RocketMQ的幂等性问题》重复消费因调用链路长、消息发送超时或消费者故障导致,通过生产者消息查询、Redis缓存及消费者唯一主键可以确保幂等性,避免重复处理,本文主要介绍了解决RocketM... 目录造成重复消费的原因解决方法生产者端消费者端代码实现造成重复消费的原因当系统的调用链路比较长的时

python设置环境变量路径实现过程

《python设置环境变量路径实现过程》本文介绍设置Python路径的多种方法:临时设置(Windows用`set`,Linux/macOS用`export`)、永久设置(系统属性或shell配置文件... 目录设置python路径的方法临时设置环境变量(适用于当前会话)永久设置环境变量(Windows系统

python运用requests模拟浏览器发送请求过程

《python运用requests模拟浏览器发送请求过程》模拟浏览器请求可选用requests处理静态内容,selenium应对动态页面,playwright支持高级自动化,设置代理和超时参数,根据需... 目录使用requests库模拟浏览器请求使用selenium自动化浏览器操作使用playwright

深度解析Nginx日志分析与499状态码问题解决

《深度解析Nginx日志分析与499状态码问题解决》在Web服务器运维和性能优化过程中,Nginx日志是排查问题的重要依据,本文将围绕Nginx日志分析、499状态码的成因、排查方法及解决方案展开讨论... 目录前言1. Nginx日志基础1.1 Nginx日志存放位置1.2 Nginx日志格式2. 499

SpringBoot监控API请求耗时的6中解决解决方案

《SpringBoot监控API请求耗时的6中解决解决方案》本文介绍SpringBoot中记录API请求耗时的6种方案,包括手动埋点、AOP切面、拦截器、Filter、事件监听、Micrometer+... 目录1. 简介2.实战案例2.1 手动记录2.2 自定义AOP记录2.3 拦截器技术2.4 使用Fi

kkFileView启动报错:报错2003端口占用的问题及解决

《kkFileView启动报错:报错2003端口占用的问题及解决》kkFileView启动报错因office组件2003端口未关闭,解决:查杀占用端口的进程,终止Java进程,使用shutdown.s... 目录原因解决总结kkFileViewjavascript启动报错启动office组件失败,请检查of

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

Spring Security 单点登录与自动登录机制的实现原理

《SpringSecurity单点登录与自动登录机制的实现原理》本文探讨SpringSecurity实现单点登录(SSO)与自动登录机制,涵盖JWT跨系统认证、RememberMe持久化Token... 目录一、核心概念解析1.1 单点登录(SSO)1.2 自动登录(Remember Me)二、代码分析三、

PyCharm中配置PyQt的实现步骤

《PyCharm中配置PyQt的实现步骤》PyCharm是JetBrains推出的一款强大的PythonIDE,结合PyQt可以进行pythion高效开发桌面GUI应用程序,本文就来介绍一下PyCha... 目录1. 安装China编程PyQt1.PyQt 核心组件2. 基础 PyQt 应用程序结构3. 使用 Q