Javascript 表单验证仅工作一次

Question

脚本：NewsletterScript.js

function formValidation() {
    var fname = document.getElementById('firstName').value;
    var lname = document.getElementById('lastName').value;
    var pnumber = document.getElementById('phoneNumber').value;
    var email = document.getElementById('e-mail').value;
  if (FirstName(fname)) {
  }
  if (LastName(lname)) {
  }
  if (Country(country)) {
  }
  if (Email(email)) {
  }
  return false;
}
/*first name input validation*/
function FirstName(fname) {
  var message = document.getElementsByClassName("error-message");
  var letters = /^[A-Za-z]+$/;
  if ( fname =="" || fname.match(letters)) {
    text="";
    message[0].innerHTML = text;
    return true;
  }
  else {
    text="First name should contain only letters";
    message[0].innerHTML = text;
    return false;
  }
}
/*last name input validation*/
function  LastName(lname) {
  var message = document.getElementsByClassName("error-message");
  var letters = /^[A-Za-z]+$/;
  if ( lname =="" || lname.match(letters)) {
    text="";
    message[1].innerHTML = text;
    return true;
  }
  else {
    text="Last name should contain only letters";
    message[1].innerHTML = text;
    return false;
  }
}

我试图让这个验证循环，直到满足条件，目前这只工作一次，如果再次点击按钮，它无论如何都会提交。 下面的按钮。

由于脚本很长，它不允许我上传所有内容，但它只是得到了其他验证，例如电话号码等，任何帮助将不胜感激，干杯！

Answer 1

如果您想要的是formValidation()仅在四个验证函数返回true时才返回 true，那么您应该编写它而不是放置空的 if 语句：

return FirstName(fname) && LastName(lname) && Country(country) && Email(email);

如果其中一个返回 false，这种方式formValidation()将返回 false

Answer 2

您应该考虑在提交按钮上的onclick上使用form onsubmit 。

代替：

<input class="button" type="submit" value="Submit" name="submit" onClick="formValidation()" />

考虑使用表单提交，不要忘记return关键字：

<form onsubmit="return formValidation();" > /*... */ </form>

相关问题： HTML 表单操作和提交问题