Javascript 部分工作并且没有返回答案

Question

我的 javascript 代码部分工作，它在名字验证上工作，在电子邮件验证上它显示错误一秒钟但它不返回 false 并且密码验证根本不起作用。

function validate() {
     var emailOk = validateEmail();
    var fNameOk = validateFirstName();
    var paswOk = validatePassword();
    return fNameOk;
    return paswOk;
    return emailOk;
}

function validatePassword() {
    var name = document.getElementById("psw");
    name.style.borderColor = "";
    document.getElementById("passwordErr").innerText = "";
    if (name.value.length < 7) {
        name.style.borderColor = "red";
        var error = document.getElementById("passwordErr");
        error.innerText = "Password does not fit the criteria.";
        return false;
    }
    else
        return true;
}

function validateFirstName() {
    var name = document.getElementById("F_Name");
    name.style.borderColor = "";
    document.getElementById("fNameErr").innerText = "";
    if (name.value.length == 0) {
        name.style.borderColor = "red";
        var error = document.getElementById("fNameErr");
        error.innerText = "Missing first name.";
        return false;
    }
    else
        return true;
}

function validateEmail() {
    var name = document.getElementById("email");
    name.style.borderColor = "";
    document.getElementById("emailErr").innerText = "";
    var re = /\S+@\S+\.\S+/;
    if (re.test(name) == true)
        return true;
    else
        var error = document.getElementById("emailErr");
    error.innerText = "Not a vaild email.";
    return false;
}

我希望它在您输入短于 7 的密码时停止并显示消息。我还希望它在电子邮件无效时停止。

Answer 1

您错误地编写了 else 语句。它们也应该用大括号打开和关闭

else { // code }

另外，return 语句之后的代码将不会被执行。您将需要使用对象或数组同时返回 3 个变量。

function validate() {
  var emailOk = validateEmail();
  var fNameOk = validateFirstName();
  var paswOk = validatePassword();
  console.log(fNameOk, paswOk, emailOk)
  return {
    fNameOk,
    paswOk,
    emailOk
  }
}

function validatePassword() {
  var name = document.getElementById("psw");
  name.style.borderColor = "";
  document.getElementById("passwordErr").innerText = "";
  if (name.value.length < 7) {
    name.style.borderColor = "red";
    var error = document.getElementById("passwordErr");
    error.innerText = "Password does not fit the criteria.";
    return false;
  } else {
    return true;
  }
}

function validateFirstName() {
  var name = document.getElementById("F_Name");
  name.style.borderColor = "";
  document.getElementById("fNameErr").innerText = "";
  if (name.value.length == 0) {
    name.style.borderColor = "red";
    var error = document.getElementById("fNameErr");
    error.innerText = "Missing first name.";
    return false;
  } else {
    return true;
  }
}

function validateEmail() {
  var name = document.getElementById("email");
  name.style.borderColor = "";
  document.getElementById("emailErr").innerText = "";
  var re = /\S+@\S+\.\S+/;
  if (re.test(name) == true) {
    return true;
  } else {
    var error = document.getElementById("emailErr");
    error.innerText = "Not a vaild email.";
    return false;
  }
}

<input id="email" placeholder="Email" /><br>
<input id="F_Name" placeholder="First Name" /><br>
<input id="psw" type="password" placeholder="Password" /><br>
<button onclick="validate()">Register</button>
<div id="passwordErr"></div>
<div id="fNameErr"></div>
<div id="emailErr"></div>