porque no me funciona codigo validar campos de formularios

[roboty]

Soy novato en javascript y estoy intentando validar los campos de un formulario antes de ser procesados pero no me funciono muestro codigo por si alguien me quiere dar alguna ayuda.
este es el codigo

Código Javascript:

<script type="text/javascript">
function validar(form) {
 
  var v_titulo = form.titulo.value.length > 15;
  var v_noticia= form.noticia.value.length > 150;
  var v_email = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\
\w{2,6})$/.test(form.email.value);
 
  
  document.getElementById('error').style.visibility = (v_titulo) ? 'hidden':'visible';
  document.getElementById('input').style.borderColor = (v_titulo) ? 'black':'red';
  document.getElementById('input').style.color = (v_titulo) ? 'black':'red';
  
  document.getElementById('error2').style.visibility = (v_noticia) ? 'hidden':'visible';
  document.getElementById('input2').style.borderColor = (v_noticia) ? 'black':'red';
  document.getElementById('input2').style.color = (v_noticia) ? 'black':'red';
  
  document.getElementById('error3').style.visibility = (v_email) ? 'hidden':'visible';
  document.getElementById('input3').style.borderColor = (v_email) ? 'black':'red';
  document.getElementById('input3').style.color = (v_email) ? 'black':'red';
    
  return  (v_titulo && v_noticia&& v_email);
}
 
</script>
 

este es el formulario

Código HTML:

<form   method="post" action="procesar.php" onsubmit="return validar(this)"/>
     
        TITULO:<BR>
        <input type="text"  name="titulo" id="input" > <BR>
        <p id="error" >Debes escribir un minimo de 15 caracteres</p>
        NOTICIA :<BR>
        <textarea  name="noticia" id="input2"></textarea><BR>
        <p id="error2" >Debes escribir un minimo de 150 caracteres</p>
        EMAIL:<BR>
        <input type="text" name="email" id="input3" ><BR>
        <p id="error3" >Email no valido</p>
             <input type="submit" name="previsualizar" value="PREVISUALIZAR">
    </form>