HTML - Problema con campos required

Hola, tengo un formulario en html5 con varios campos con la propiedad required, sin embargo al presionar el boton de tipo submit me deja continuar dejando todos los campos vacios.
Este comportamiento no es el correcto verdad? En el boton tengo una funcion que chequea que el correo tena @ y .
Les adjunto un txt con el codigo que tengo.

Gracias!
Saludos

• required.rar(1,0 KB)

EL required solo es soportado por browsers que soportan html5.
Lo otro es que tiene un boton de submit asi que tienes que interrumir su funcion natural Esto lo haces asi :

envia.onclick = function(e){
e.preventDefault();
....