de Botched Goose, 4 meses han pasado desde su publicación, escrito en HTML5.
Insertar vínculo
  1. <!DOCTYPE html>
  2.   <head>
  3.     <meta charset="utf-8">
  4.     <title>prueba 1</title>
  5.   </head>
  6.   <body>
  7.     <form id="login" action="" method="post" onsubmit="return validar(this)">
  8.       <label for="usuario" class="uname" data-icon="u">Usuario</label><br>
  9.       <input id="usuario" name="username" type="text" /><br><br>
  10.       <input id="contrasena" name="username" type="password" /><br><br>
  11.       <br> acepto los terminos: <input type="checkbox" name="" id="terminos" value="1">
  12.       <input type="submit" value="Validar login" id="boton">
  13.     </form>
  14.     <div class="" id="error">
  15.     </div>
  16.     <script type="text/javascript">
  17.       function validanombre() {
  18.         var usuario = document.getElementById('usuario').value;
  19.         var error = document.getElementById('error');
  20.  
  21.         if (usuario == "") {
  22.           error.innerHTML = "El usuario no puede estar vacio..."
  23.           return false;
  24.  
  25.         } else if (usuario.length < "5") {
  26.          error.innerHTML = "El usuario tiene que tener como minimo 5 caracteres";
  27.          return false;
  28.        }
  29.      }
  30.  
  31.      function validacontrasena() {
  32.        var contrasena = document.getElementById('contrasena').value;
  33.        var error = document.getElementById('error');
  34.  
  35.        if (contrasena == "") {
  36.          error.innerHTML = "La contraseña no puede estar vacia..."
  37.          return false;
  38.  
  39.        } else if (contrasena.length < "8") {
  40.          error.innerHTML = "la contraseña tiene que constar de 8 caracteres minimo";
  41.          return false;
  42.        }
  43.      }
  44.  
  45.      function validaterminos() {
  46.        var terminos = document.getElementById('terminos').checked;
  47.        var error = document.getElementById('error');
  48.  
  49.        if (terminos == false) {
  50.          error.innerHTML = "tienes que aceptar los terminos"
  51.          return false;
  52.        }
  53.  
  54.      }
  55.  
  56.      function validar() {
  57.        if (validanombre() == false) {
  58.          return false;
  59.  
  60.        } else if (validacontrasena() == false) {
  61.          return false;
  62.  
  63.        } else if (validaterminos() == false) {
  64.          return false;
  65.  
  66.        }
  67.        return true;
  68.      }
  69.    </script>
  70.   </body>
  71.  
  72. </html>