JS中#confirm按钮无法跳转页面,问题出在哪?

js中#confirm按钮无法跳转页面,问题出在哪?

js中#confirm按钮无法跳转页面的原因

你遇到的问题是,在javascript代码中,第一个return语句位置不当,导致了无法跳转页面的问题。

代码中,第一个return语句在以下代码块中:

if (pre_code != "") {
  if (!isnum(pre_code)) {
    alert(pre_code + "请填写6位数字");
    $("#pre_code").focus();
    return; // **问题所在,此return语句应移至最后**
  } else if (pre_code.length != 6) {
    alert(pre_code + "预存编码为6位数字");
    $("#pre_code").focus();
  }
}

这个return语句错误地摆放在if分支内,这意味着只要pre_code不为空字符串,页面就会在pre_code为空或不符合数字和长度要求之前直接返回。

正确的代码

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();
  } else {
    // **将return语句移动至此分支,
    //    表示只有当pre_code有效时才返回**
    return;
  }
} else {
  alert(pre_code + "请填写6位数字预存编码");
  $("#pre_code").focus();
  return;
}

通过将return语句移动到最后的else分支,页面只有在pre_code有效(即满足数字和长度要求)时才会返回。这将允许代码继续执行并提交表单,导致跳转到指定页面。

以上就是JS中#confirm按钮无法跳转页面,问题出在哪?的详细内容,更多请关注其它相关文章!