javascript - 成功验证后，我无法显示任何消息

在JavaScript中成功验证后，我无法显示任何消息，如果使用Statement，最后我会出错。我想向您展示，通过验证后，我们将尽快与您联系。

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x.length < 10) {
        window.alert("The field cannot contain more than 10 characters!");
        return false;
    }
}
function validateForm() {
    var k = document.forms["myForm"]["query"].value;
    if (k.length < 25) {
        window.alert("The field cannot contain atleast 25 characters!");
        return false;
    }
}
function validateForm() {
    var k1 = document.forms["myForm"]["email"].value;
    var atpos = k1.indexOf("@");
    var dotpos = k1.lastIndexOf(".");
    if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= k1.length) {
        alert("Not a valid e-mail address");
        return false;
    }
    if (k1.length < 10) {
        window.alert("The field cannot contain atleast 25 characters!");
    }
}
if (x && k && k1 !== true) {
    this.x = x;
    this.k = k;
    this.k1 = k1;
    window.alert("We will get back to you");
}
</script>

最佳答案

function validateForm() {
  var isValid = true;
  var x = document.forms["myForm"]["fname"].value;
  if (x.length < 10){
     window.alert("The field cannot contain more than 10 characters!");
     isValid = false;
  }

  var k = document.forms["myForm"]["query"].value;
  if (k.length<25) {
     window.alert("The field cannot contain atleast 25 characters!");
     isValid = false;
  }

  var k1= document.forms["myForm"]["email"].value;
  var atpos = k1.indexOf("@");
  var dotpos = k1.lastIndexOf(".");
  if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= k1.length) {
     alert("Not a valid e-mail address");
     isValid = false;
  }
  if (k1.length < 10) {
     window.alert("The field cannot contain atleast 25 characters!");
     isValid = false;
  }
  if (!isValid) {
     // you should take a look here.. what do you want to achieve?
     this.x = x;
     this.k = k;
     this.k1 = k1;
     window.alert("We will get back to you");
  }
  return isValid;
}

您的表单应使用onsubmit属性：

<form onsubmit="return validateForm()"></form>

看一下http://jqueryvalidation.org/documentation/。您可以考虑开始学习jQuery或其他js框架。