Validacion de email

[Mechabits]

Que estoy haciendo mal? Me he metido en diferentes paginas para aprender a hacerlo como
http://lineadecodigo.com/javascript/...on-javascript/
http://www.lawebdelprogramador.com/c...de_correo.html
entre otras, y adaptar esos codigos a mi funcion.

Por otro lado, me aconsejariais que creara dos funciones para esto? Uno para introducir un comentario y otro para validar el email?

Un saludo y gracias por vuestra atencion

Código Javascript:

//Esta funcion sirve para introducir un comentario
function introducirComentario(){
//Recogemos el contenido de las cajas
var texto=document.getElementById("areaDescripcion").value;
var mail=document.getElementById("txtMail").value;
var nombre=document.getElementById("txtNombre").value;
 
//Obtenemos la longitud del correo electronico y del nombre. La usaremos para que no se salga el email del contenedor
var contarNombre=nombre.length;
var contarMail=mail.length;
 
// cogemos el div comentario y...
var comentario=document.getElementById("comentario");
//creamos los elementos <p> </p>, <hr/>, <strong> </strong>, <em> </em> y <br/> . 
var crearCapa = document.createElement('p');
var separacion=document.createElement('hr');
var separacion2=document.createElement('hr');
var negrita = document.createElement('strong');
var italica = document.createElement('em');
var espacio= document.createElement('br');
var nuevoTexto = document.createTextNode(texto);
var nuevoMail = document.createTextNode(mail);
var nuevoNombre = document.createTextNode(nombre);
var patron=/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
 
//Si no estan vacias cualquiera de ellas...
if((mail.search(patron))&& texto!="" && nombre!="") {
    //Aqui imprimimos el mensaje
    comentario.appendChild(crearCapa);
    crearCapa.appendChild(negrita);
    crearCapa.appendChild(italica).style.marginLeft=(99-contarMail-contarNombre)+"%";
    crearCapa.appendChild(separacion);
    crearCapa.appendChild(nuevoTexto);
    crearCapa.appendChild(separacion2);
    italica.appendChild(nuevoMail);
    negrita.appendChild(nuevoNombre);
    return true;
    
}else if (texto==""||nombre==""){
    alert("Un campo está vacío. Por favor, rellénalo.");
}else{
    alert("La dirección de email es incorrecta.");
return false;
}
crearCapa.style.marginBottom="12%";
}