Javascript If 语句验证三个不同的表单值？

Question

我需要创建一个 JavaScript 函数，仅当在表单中输入三个特定变量时该函数才会运行。

换句话说，我想要一个像这个例子这样的函数，而不是只需要在名字字段中输入“John”，它还需要在姓氏字段中输入“Smith”，在“”中输入“MIT”。学校”领域。

function validateForm (){           
formElement = document.getElementById('myform');
isFormValid = formElement.checkValidity();
if (isFormValid){
var inputElement = document.getElementById('first_name');
var inputValue = inputElement.value
    if (inputValue == 'John'){
        alert ("Blahblahblah"); 
        }
    }
}

我想最终我想添加这三个元素，以便 inputValue = "JohnSmithMIT"，这样所有三个变量都可以得到验证。

我尝试过，但没有成功:

function validateForm (){           
formElement = document.getElementById('myform');
isFormValid = formElement.checkValidity();
if (isFormValid){
var inputElement = document.getElementById('first_name')+('last_name')+('school');
var inputValue = inputElement.value
    if (inputValue == 'JohnSmithMIT'){
        alert ("Blahblahblah"); 
        }
    }
}

我对此很陌生，任何帮助将不胜感激。谢谢。

Answer 1

var inputElement = document.getElementById('first_name')+('last_name')+('school');

getElementById 是文档对象的一个​​方法，因此您必须调用它 3 次才能获取这三个值。上面这行翻译过来的意思是:

    var inputElement = document.getElementById('first_name')+toString('last_name')+toString('school');

或“约翰”+“姓氏”+“学校”

当然，这种方法本身并不是正确的方法，因为约翰密谋它也会触发警报。

function validateForm (){           
formElement = document.getElementById('myform');
isFormValid = formElement.checkValidity();
if (isFormValid){
var firstName = document.getElementById('first_name').value;
  var lastName = document.getElementById('last_name').value;
  var schoolName = document.getElementById('school_name').value;
  

    if (firstName == 'John' && lastName == "Smith" && schoolName=="MIT"){
        alert ("Blahblahblah"); 
        }
    }
}