title: Return false does not work in my javascript function
body: <p>I'm new to javascript, I try to validate my form inside the onSubmit using javascript but it does not work, as if it will not enter my last if where I compare the size of a string. Always returns true and ends sending the form thus present input problems</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function validaDatos(form){
   var mensaje="";
   var solonumeros = /^([0-9])*$/
   var sololetras = /^([A-Z]|[a-z])*$/
   var doc = form.doc.value;
   var apepa = form.apepa.value;
   var apema = form.apema.value;
   var nombre = form.nombre.value;
   var telefono = form.telefono.value;
   var usuario = form.usuario.value;
  
   if(!solonumeros.test(doc)){
    mensaje+="Campo Documento erróneo, solo se aceptan Números";
   }
   if(!sololetras.test(apepa)){
    mensaje+="Campo Apellido Paterno erróneo, solo se aceptan Letras";
   }
   if(!sololetras.test(apema)){
    mensaje+="Campo Apellido Materno erróneo, solo se aceptan Letras";
   }
   if(!sololetras.test(nombre)){
    mensaje+="Campo Nombre erróneo, solo se aceptan Letras &lt;br&gt;";
   }
   if(!solonumeros.test(telefono)){
    mensaje+="Campo Teléfono, solo se aceptan Números ";
   }
   if(!solonumeros.test(usuario) &amp;&amp; !sololetras.test(usuario)){
    mensaje+="Campo Usuario , Solo se Acepta Números y Letras";
   }
   alert(mensaje.length); //return &gt; 0
      /* No compare , no return false */
   if(mensaje.length !=0){
    document.getElementByClassName('msgerror').innerHTML  = mensaje;
    return false;
   }
   
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="Models/clsUsuario.php" method="POST" accept-charset="utf-8" id="frmRegistro" onsubmit="return validaDatos(this);"&gt;
  &lt;label for=""&gt;Documento &lt;/label&gt;
  &lt;input type="text" id="doc" name="doc" required  maxlength="11"&gt;
  &lt;label for=""&gt;Apellido P.&lt;/label&gt;
  &lt;input type="text" id="apepa" name="apepa" required  maxlength="80"&gt;
  &lt;label for=""&gt;Apellido M.&lt;/label&gt;
  &lt;input type="text" id="apema" name="apema" required  maxlength="80"&gt;
  &lt;label for=""&gt;Nombres &lt;/label&gt;
  &lt;input type="text" id="nombre" name="nombre" required  maxlength="80"&gt;
  &lt;label for=""&gt;Email : &lt;/label&gt;
  &lt;input type="email" id="email" name="email" required&gt;
  &lt;label for=""&gt;Teléfono : &lt;/label&gt;
  &lt;input type="tel" id="telefono" name="telefono"  required&gt;
  &lt;label for=""&gt;Usuario  &lt;/label&gt;
  &lt;input type="text" id="usuario" name="usuario" required&gt;
  &lt;label for=""&gt;Clave  &lt;/label&gt;
  &lt;input type="password" id="clave" name="clave" required&gt;
  
  &lt;label for=""&gt;Dirección : &lt;/label&gt;
  &lt;textarea name="direccion" id="direccion" required&gt;&lt;/textarea&gt;
  
  &lt;input type="hidden" name="registrar" value="registrar"&gt;
  &lt;input type="submit" name="registrar" value="Registro" &gt;
  &lt;span class="msgerror"&gt;&lt;/span&gt;
      
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Sorry if my programming language (variables and messages) is not English.
  <strong>Before the if, I show the length of the message variable, but I should enter the if more it does not</strong>.</p>
  
  <p><a href="https://repl.it/F0aF/2" rel="nofollow noreferrer">Code Run</a></p>