Validação de Form com laço

by Ivan Ferrer

HTML

<script type="text/javascript">
    function validateForm() {
    var errorMsg = {
      nome:"Preencha corretamente o nome",
      password:"Preencha a senha",
      nomero_bi:"Preencha o número BI",
      morada:"Preencha a morada",
      telefone:"Preencha o telefone",
      data_nasc:"Preencha a data de nascimento",
      email:"Preencha o email"
    };
            var formulario = document.forms["ficha"];
            for(var i=0; i<=formulario.length; i++) {
               if (formulario[Object.keys(errorMsg)[i]].value == null ||
                   formulario[Object.keys(errorMsg)[i]].value == "") {
                   
                   alert(errorMsg[Object.keys(errorMsg)[i]])
                   formulario[Object.keys(errorMsg)[i]].focus();
                   return false;
               }
            }
            return true;
        }
</script>
        <form action="/echo/html/" name="ficha" method="post" onsubmit="return validateForm();">
        <p><label class="formulario">Nome </label><input type="text" name="nome" size="50" maxlength="30"></p>
        
        <p><label class="formulario">Password </label><input type="password" name="password" size="50" maxlength="30"></p>
        
        <p><label class="formulario">Número de BI </label><input type="number" name="nomero_bi" size="50" maxlength="30"></p>
        
        <p><label class="formulario">Morada </label><input type="text" name="morada" size="50" maxlength="30"></p>
        
        <p><label class="formulario">Telefone </label><input type="text" name="telefone" size="50" maxlength="30"></p>
        
        <p><label class="formulario">Data de Nascimento </label><input type="date" name="data_nasc"></p>
        
        
        <p><label class="formulario">Email </label><input type="text" name="email" size="50" maxlength="30"></p>
        <input type="reset" value="Limpar">
        <input type="submit" value="Enviar">
        </form>