есть работающий обработчик формы
window.onload = function() {
d.getElementById('contact_sent').onclick = function(){
var error_msg = "field is required";
var error_d = "";
var elements = document.getElementsByClassName('text_area');
var errors = document.getElementsByClassName('error');
var hasError = false;
for (var i = 0; i < elements.length; i++){
if (elements[i].value == '' ){
hasError = true;
elements[i].style.border = "2px solid orange";
errors[i].innerHTML = error_msg;
} else if (elements[i].value != '') {
elements[i].style.border = "";
errors[i].innerHTML = error_d;
}
}
return !hasError; } }
как можно преобразовать код используя addEventListener по событию submit пробовал так, но даже имея ошибки, форма тут же отправляется
var form = document.getElementById('form');function error(){
var error_msg = "field is required";
var error_d = "";
var elements = document.getElementsByClassName('text_area');
var errors = document.getElementsByClassName('error');
var hasError = false;
for (var i = 0; i < elements.length; i++){
if (elements[i].value == '' ){
hasError = true;
elements[i].style.border = "2px solid orange";
errors[i].innerHTML = error_msg;
} else if (elements[i].value != '') {
elements[i].style.border = "";
errors[i].innerHTML = error_d;
}
}
return !hasError;}; form.addEventListener('submit',error,false);