Javascript 在一个函数中验证多个表单字段

我有以下代码，用于在字段中输入值时验证for字段（红色表示无效，绿色表示字段变为有效）：

函数FormValidation（）{
var fn=document.getElementById（“firstName”）.value；
如果（fn==“”）{
document.getElementById（“firstName”）.style.borderColor=“红色”；
返回false；
}else if（/^[0-9]+$/.test（document.getElementById（“firstName”）.value））{
document.getElementById（“firstName”）.style.borderColor=“红色”；
返回false；
}否则如果（fn.length给他们相同的等级，然后使用

getElementByClass

然后循环遍历它们
将id作为函数的参数传递，并访问受尊重的参数。因此，您可以使用特定的参数调用函数，而不是一次又一次地编写整个代码。
函数表单验证（id）{
var fn=document.getElementById（id）.value；
如果（fn==“”）{
document.getElementById（id）.style.borderColor=“红色”；
返回false；
}else if（/^[0-9]+$/.test（document.getElementById（id.value））的值）{
document.getElementById（id）.style.borderColor=“红色”；
返回false；
}否则如果（fn.length我以为没有getElementByClass，只有getElementByClassName？这不是和我上面的数组有相同的效果吗？它不起作用。你在表单的哪个特定事件上调用函数FormValidation？知道这一点很重要。谢谢，我不敢相信我没有想到这一点。。SMH@Baraa我们lcome但在验证姓名时要小心。这很棘手。我很高兴听到它对你有帮助。
function FormValidation(){
    var array = ["firstName", "middleName", "lastName"];
    for(i=0; i < array.length; i++){
        var fn=document.getElementById(array[i]).value;
        if(fn == ""){
            document.getElementById(array[i]).style.borderColor = "red";
            return false;
        }else if (/^[0-9]+$/.test(document.getElementById(array[i]).value)) {
            document.getElementById(array[i]).style.borderColor = "red";
            return false;
        }else if(fn.length <=2){
            document.getElementById(array[i]).style.borderColor = "red";
            return false;
        }else{
            document.getElementById(array[i]).style.borderColor = "#679f30";
        }
    }
}

getElementByClass