Git Product home page Git Product logo

bicis-locas-lvl2's Introduction

Loc@s por las bicis - Level 2

Partiendo del ejercicio Loc@s por las bicis cambiaremos la forma de mostrar los errores al usuario, en vez de mostrar los errores con un alert, Si algún campo presenta error debe informarse al usuario por medio de mensaje, (idealmente un span) que se posicione en del lado derecho del input como se muestra en la imagen.

  1. Descarga los archivos en la sección de Descarga, descomprime y colócalos en tu carpeta llamada bicis-locas-lvl2
  2. En la consola posiciónate en la carpeta bicis-locas-lvl2 e inicializa un repositorio en dicha carpeta
  3. Crea un repositorio que se llame bicis-locas-lvl2 en GITHUB, haz tu primer commit y sube los archivos al repositorio.
  4. Abre el archivo js/main.js y completa la función validateForm, (puedes usar las validaciones anteriores) recuerda que las validaciones de los campos son las siguientes:
  • Todos los campos son obligatorios, excepto los dos últimos.
  • Los campos nombre y apellido sólo deben permitir caracteres de la A-Z
  • Para los campos nombre y apellido la primera letra debe ser mayúscula
  • Validar que el campo email tenga un formato válido. Ej: [email protected]
  • El campo password debe tener al menos 6 caracteres
  • El campo password no puede ser igual a "password" ó "123456" ó "098754"
  • El valor seleccionado de bicis, debe ser una de las opciones presentadas

**NOTA: ** Recomendamos que el mensaje se añada con un span ya que los estilos ya están definidos.

bicis-locas-lvl2's People

Contributors

glisselisbeth avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.