Javascript 如何从错误对象在验证表单中显示错误

如何通过从对象中选择相应的类型在HTML中追加文本？ 我尝试从errorText中选择一个错误，并将其推送到errors数组中。并且不知道如何附加到HTML中

        var btn = document.querySelector('.btn');
btn.addEventListener('click', checkForm);
var select = document.querySelector('.required');
var inputs = document.querySelectorAll('.form-element');
var errors = [];
var errorText = {
     1 : "The field 'First name' is empty",
     2:  "The field 'Last name' is empty",
     3:  "Pick your date of birth",
     4:  "Pick a country",
     5:  "The field 'E-mail' is empty",
     6:  "Enter your password",
     7:  "The field 'Address' is empty",
     8:  "Enter correct email",
     9:  "Current date is not allowed"
}

function checkForm() {
    for(i = 0; i < inputs.length; i++) {  
    if (inputs[i].value == "") {
        inputs[i].style.borderColor = 'red';
    }
}
   if(select.selectedIndex=="") {
    errors.push({el :4});
    select.appendChild(errors);
    // select.innerHTML = 'Please, select a country';
    return false;
   } else {
    return true;
   }
}

var btn=document.querySelector（'.btn'）；
btn.addEventListener（'click'，检查表单）；
var select=document.querySelector（'.required'）；
var inputs=document.querySelectorAll（'.form元素'）；
var错误=[]；
变量errorText={
1:“名字”字段为空，
2:“姓氏”字段为空，
3:“选择您的出生日期”，
4:“选择一个国家”，
5:“电子邮件”字段为空，
6:“输入密码”，
7:“地址”字段为空，
8:“输入正确的电子邮件”，
9:“不允许当前日期”
}
函数检查表（）{
对于（i=0；i

我刚刚选择了选择选项标记作为示例。您不应该将错误消息附加到输入中，因为您需要为每个不同的输入重复错误消息。一个更简单的方法是在你选择的对象附近添加一个或，并在其中添加你的错误消息。@Bdloul，谢谢！我只是想让我的代码简短一些：）这个问题与jQuery验证插件完全无关。请在标记时更加小心。编辑。