关于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

相关文章

Kotlin Map映射转换问题小结

《KotlinMap映射转换问题小结》文章介绍了Kotlin集合转换的多种方法,包括map(一对一转换)、mapIndexed(带索引)、mapNotNull(过滤null)、mapKeys/map... 目录Kotlin 集合转换:map、mapIndexed、mapNotNull、mapKeys、map

Nginx安全防护的多种方法

《Nginx安全防护的多种方法》在生产环境中,需要隐藏Nginx的版本号,以避免泄漏Nginx的版本,使攻击者不能针对特定版本进行攻击,下面就来介绍一下Nginx安全防护的方法,感兴趣的可以了解一下... 目录核心安全配置1.编译安装 Nginx2.隐藏版本号3.限制危险请求方法4.请求限制(CC攻击防御)

nginx中端口无权限的问题解决

《nginx中端口无权限的问题解决》当Nginx日志报错bind()to80failed(13:Permissiondenied)时,这通常是由于权限不足导致Nginx无法绑定到80端口,下面就来... 目录一、问题原因分析二、解决方案1. 以 root 权限运行 Nginx(不推荐)2. 为 Nginx

python生成随机唯一id的几种实现方法

《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1:使用 UUID 模块(推荐)方法 2:使用 Secrets 模块(安全敏感场景)方法

解决1093 - You can‘t specify target table报错问题及原因分析

《解决1093-Youcan‘tspecifytargettable报错问题及原因分析》MySQL1093错误因UPDATE/DELETE语句的FROM子句直接引用目标表或嵌套子查询导致,... 目录报js错原因分析具体原因解决办法方法一:使用临时表方法二:使用JOIN方法三:使用EXISTS示例总结报错原

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

MyBatis-Plus通用中等、大量数据分批查询和处理方法

《MyBatis-Plus通用中等、大量数据分批查询和处理方法》文章介绍MyBatis-Plus分页查询处理,通过函数式接口与Lambda表达式实现通用逻辑,方法抽象但功能强大,建议扩展分批处理及流式... 目录函数式接口获取分页数据接口数据处理接口通用逻辑工具类使用方法简单查询自定义查询方法总结函数式接口

MySQL深分页进行性能优化的常见方法

《MySQL深分页进行性能优化的常见方法》在Web应用中,分页查询是数据库操作中的常见需求,然而,在面对大型数据集时,深分页(deeppagination)却成为了性能优化的一个挑战,在本文中,我们将... 目录引言:深分页,真的只是“翻页慢”那么简单吗?一、背景介绍二、深分页的性能问题三、业务场景分析四、

JAVA中安装多个JDK的方法

《JAVA中安装多个JDK的方法》文章介绍了在Windows系统上安装多个JDK版本的方法,包括下载、安装路径修改、环境变量配置(JAVA_HOME和Path),并说明如何通过调整JAVA_HOME在... 首先去oracle官网下载好两个版本不同的jdk(需要登录Oracle账号,没有可以免费注册)下载完

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命