[SOLUCIONADO] 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%";
}
 

[Mechabits]

Que no se diga que no me esfuerzo en aprender y que busco que me den las soluciones .

Un saludo y gracias de todos modos

Código Javascript:

//validamos el correo electronico
function validarEmail(email) {
    expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if (!expr.test(email)){
        return false;
    }else{
        return true;
    }
}
//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);
//Si no estan vacias las dos y pasa la validacion...
if(texto!="" && nombre!="" && validarEmail(mail)==true) {
//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);
//sino, si el texto o el nombre estan en blanco...
}else if (texto==""||nombre==""){
    alert("Un campo está vacío. Por favor, rellénalo.");
//y si no pasa la validacion...
}else if(validarEmail(mail)==false){
    alert("La dirección de correo " + mail + " es incorrecta.");
}
crearCapa.style.marginBottom="12%";
}
/*
    /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/
    http://www.metriplica.com/es/recursos/expresiones-regulares
    Se pueden encontrar ya hechas específicamente por internet. 
*/
//cuando cargue la pagina web...
window.onload=function(){
//ENVIAR COMENTARIO
var enviar=document.getElementById("btnEnviar");
var pulsaBtn=enviar.addEventListener("click", introducirComentario, false);
}
 

Código HTML:

<div id="comentario"></div>
    <label name="contacto"><strong>Deja tu comentario:</strong></label> <br /> <br />
            <label for="txtNombre">Nombre</label>
            <input id="txtNombre" type="text"/>
            <label for="txtMail">eMail</label>
            <input id="txtMail" type="text"/>
            <textarea type="textareas" id="areaDescripcion" cols="50" rows="10" ></textarea>
            <br />
            <input type="submit" id="btnEnviar" value="Enviar"/>
            <input type="reset" name="btnReiniciar" value="Restablecer valores por defecto"/>