Con este código puedes validar los campos de texto y listas desplegables de cualquier formulario.
Requisitos:
- Es necesario que cada uno de los campos contenga los atributos required y title.
- La función recibe al objeto this.form como parámetro para trabajar con sus elementos.
function validateForm(e){
var elements = e.elements;
for(var i = 0; i < elements.length; i++) {
if(elements[i].tagName === "INPUT" || elements[i].tagName === "SELECT"){
if(elements[i].value.trim() === "" && elements[i].required === true) {
var title = elements[i].getAttribute('title');
alert("Please fill the " + title + " field");
elements[i].focus();
elements[i].style.borderColor = "red";
elements[i].style.borderStyle = "dashed";
return false;
}
}
}
}
Fundamentos de JavaScript 2017
COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE
0 Comentarios
para escribir tu comentario

