VALIDAR FORMULARIO DE REGISTRO CON JAVASCRIPT - Expresiones regulares - HTML5 - CSS3 - Responsive

En este video vamos a enseñar a como validar un formulario web con algunas funciones de javascript. El proposito de este video tutorial es enseñar los siguientes puntos:
1) crear un formulario con HTML5
2) dar estilo al formulario con css3
3) Crear ayudas visulaes con javascript y evitar envio de datos basura

📘📘📘 Libro Con el que aprendí a programar GRATIS 📘📘📘

Archivos Del Proyecto:

expresion regular para validar email:

Tambien te puede interesar ver:

Tutorial Como Mostrar Datos Con PHP De Una Base De Datos:

Guardar Datos De Un Formulario Con PHP

Hacer una Galeria lightbox:

si te gusto este video dale like si tienes alguna pregunta no dudes en decirla mediente los comentarios

#tutorial
#HTML5
#css3
#javascript

[mr.g]

Man, no sé cómo ese video no tiene más visualizaciones. Me gustó muchísimo, y estoy seguro que me servirá de por vida. Gracias! Saludos desde la cuarentena xD

[aristidessequeira]

literalmente use 6 lineas de tu codigo y fue de gran ayuda muchas gracias

[juansnow]

La musica esta muy alta y desconcentra..

[TheFernilo]

Muy buen tutorial me sirvio muchisimo gracias men

[AlvaroWhite]

luego de ver este vídeo completo solo me queda una pregunta: porque no subes mas VT de este tipo, si este te quedo perfecto. en tu canal solo hay 17 vídeos de programación web. gracias broth. manitas arriba y un suscriptor mas.

[Jose-jtpn]

Amigo gracias por tu video, me ayudo mucho. Lo único malo la música que desconcentra, por si aceptas el consejo. Gracias por tu video!!

[canete_code]

Buen tutorial, yo tenia que hacer una verificación de un formulario con bastantes campos entre ellos números telefónicos y números de Cédula. Osea para que chequee que sea válido debe tener un length fijo y siempre debe ser numérico entonces creé esta función:


checklenght_Numeric(this, x) ---> para llamarla en el html.


Codigo de la function:
function checklenght_Numeric(element, length){
if(element.value !== ""){
var data = element.value;
if(data.length != length){

}else if(isNaN(data)){

}else{

}
}
}

[canete_code]

Si quieren añadir clases de css sin remplazar las que ya tenia en lugar de usar className, haganlo de esta manera, y así conservara las clases que tenga, y le añade una nueva---- > y para quitarla--->

[malexrm]

27-08-18
Muy Buen vídeo, solo tome una parte del tuto que necesitaba, muchas gracias!!

[javierchiquitoavellan]

El JavaScript también se puede desactivar, no?

[WilliamHerreramlm]

No veo como validar un numero de teléfono

[paolamichelhernandezbedoll]

Intento poner los iconos pero tampoco me da.

[zaidpereyra]

como podria hacer que solo valide que en el nombre se metan letras y no numeros

[danielhex]

muy mal explicada la parte del CSS, de resto bien

[CamunareRojoalberto]

como hago para validar campo nombre que acepte solo letra y la cedula acepte solo numeros por favor hay le envio el script <script lang="javascript">
function validar(){

alert("El Campo Cedula Representante Esta Vaciott");
form1.txtcedulaR.focus();
return false;
//cedulaR.focus();
}
else
alert("El Campo Nombre Representante Esta Vacio");
form1.txtnombreR.focus();
return false;
}
else
alert("El Campo Apellido Representante Esta Vacio");
form1.txtapellidoR.focus();
return false;
}

else
alert("El Campo nombre del Estudiante Esta Vacio");
form1.txtnombreE.focus(); return false;

}
else
alert("El Campo Apellido Esta Vacio");
form1.txtApellidoE.focus();
return false;
}
else
alert("El Campo fecha de nacimiento Esta Vacio");
form1.txtFechaNE.focus();
return false;
}
else
alert("El Campo Lugar de nacimiento Esta Vacio");
form1.txtLugarNa.focus();
return false;
}
else
alert("El Campo Municipio Esta Vacio");
form1.txtMunicipio.focus();
return false;
}
else
alert("El Campo Estado Esta Vacio");
form1.txtEstado.focus();
return false;
}
else
alert("El Campo Estado Esta Vacio");
form1.txtPais.focus();
return false;
}
else
alert("El Campo Edad Esta Vacio");
form1.txtEdad.focus();
return false;
}
else
alert("El Campo SexoE Esta Vacio");
//form1.buttonSexoE.focus();
return false;
}
else
alert("El Campo DireccionE Esta Vacio");
form1.txtdireccionE.focus();
return false;
}
else
alert("El Campo telefono Esta Vacio");
form1.txtTelefonoE.focus();
return false;
}

}
</script>

[farruko]

ese proyecto que estas haciendo lo puedo hacer en dreamviwer?

[alejandrobarilla]

Me esta poniendo nervioso la musica me busco otro tutorial chao