JavaScript跳转页面失败，如何解决return语句导致的问题？

文章不知道大家是否熟悉？今天我将给大家介绍《JavaScript跳转页面失败，如何解决return语句导致的问题？》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

javascript跳转页面失败原因分析

在编写javascript代码时，遇到跳转页面失败的问题。代码如下：

$('#confirm').on('click', function() {
    var pre_code = $("#pre_code").val();
    if (pre_code != "") {
        if (!isnum(pre_code)) {
            alert(pre_code + "请填写6位数字");
            $("#pre_code").focus();
        } else if (pre_code.length != 6) {
            alert(pre_code + "预存编码为6位数字");
            $("#pre_code").focus();
        }
        return;
    } else {
        alert(pre_code + "请填写6位数字预存编码");
        $("#pre_code").focus();
        return;
    }
    $("#userform").attr("action", "<%=path%> /preinfo/updatepre.");
    $("#userform").submit();
});

经过分析，导致页面跳转失败的原因是代码中第一个return语句。当pre_code不为空字符串时，不论其是否是数字或6位数字，都会立即返回，不再执行后面的代码。因此，$("#userform").submit();语句无法执行，导致页面跳转失败。

解决方案

将代码中的第一个return语句删除或修改为continue;即可解决问题。修改后的代码如下：

$('#confirm').on('click', function() {
    var pre_code = $("#pre_code").val();
    if (pre_code != "") {
        if (!isNum(pre_code)) {
            alert(pre_code + "请填写6位数字");
            $("#pre_code").focus();
        } else if (pre_code.length != 6) {
            alert(pre_code + "预存编码为6位数字");
            $("#pre_code").focus();
        }
        continue;
    } else {
        alert(pre_code + "请填写6位数字预存编码");
        $("#pre_code").focus();
        return;
    }
    $("#userForm").attr("action", "<%=path%> /preInfo/updatePre.");
    $("#userForm").submit();
});

以上就是《JavaScript跳转页面失败，如何解决return语句导致的问题？》的详细内容，更多关于的资料请关注golang学习网公众号！