javascript - 防止将数据保存到 localStorage，直到所有输入均已填满

Question

我有两个输入。一个用于登录，另一个用于密码。但在存储到 LocalStorage 之前，我需要验证输入。重点是，尽管密码字段为空，数据仍保存到 LS。尝试使用 Break 但似乎没有成功。 问题是如何防止在用户填写所有输入之前将数据保存到本地存储。

  function validate() {
  var userInput = document.querySelectorAll(".form__input");
  var regex = /[^a-z|^A-Z|^0-9|^\s^\w+^\"']/;

  for(var i = 0; i < userInput.length; i++) {
    if(userInput[i].value === "") {
      alert("Please fill all required fields!");
      break;
    }
    else if(userInput[i].value.match(regex)) {
      alert("Please use an appropriate symbols!");
      break;
    }
    localStorage.setItem('Login', userInput[0].value);
  }
}

Answer 1

最后添加else语句。

function validate() {
  if(validateFields){
      localStorage.setItem('Login', userInput[0].value);
    }
 }

function validateFields(){
 var retVal = false;
 var userInput = document.querySelectorAll(".form__input");
  var regex = /[^a-z|^A-Z|^0-9|^\s^\w+^\"']/;
 for(var i = 0; i < userInput.length; i++) {
    if(userInput[i].value === "") {
      alert("Please fill all required fields!");
      break;
    }
    else if(userInput[i].value.match(regex)) {
      alert("Please use an appropriate symbols!");
      break;
    }else{
      retval = true;
    }
  }
 return retval;
}

注意:我刚刚重构了代码以使其正常工作。将用户输入(例如密码)存储在本地存储中是一个坏主意，因为这会打开漏洞。