Skip to content

Instantly share code, notes, and snippets.

@kanedaki
Last active August 29, 2015 14:11
Show Gist options
  • Save kanedaki/1b48767a58dc67c74e0c to your computer and use it in GitHub Desktop.
Save kanedaki/1b48767a58dc67c74e0c to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="main.js" type="text/javascript"></script>
</head>
<body>
<form>
<input type="number" name="userId">
<input type="text" name="name">
<textarea name="pitch">
<input type="button" value="Validate">
</form>
<button class="show-user" name="showUser">Show user</button>
</body>
</html>
Actualiza un usuario: Actualiza la variable user si los valores cumplen las condiciones.
Condiciones:
userId: Tiene que ser un numero que empiece por 09. Tiene que tener 8 digitos.
name: Entre 4 y 15 caracteres
pitch: Tiene que contenter la palabra redradix
Si hay errores en varios campos, se notifican todos.
Cada error se muestra debajo de su input
Haz todas las mejoras que consideres necesarias para que la experienca de usuario sea optima.
Utilidades: La clase valid e invalid estan disponibles para aplicar a todos los inputs, incluido el button.
Procura que el codigo sea:
- Conciso
- Reutilizable
- Legible
No hay prisa. Queremos que nos muestres el codigo de mayor calidad que puedes realizar
$(document).ready(function() {
var user = {
userId: "009484",
name: "Miguel",
pitch = "redradix rocks"
}
function showUser() {
console.log("UserId: " + user.userId);
console.log("Name: " + user.name);
console.log("Email: " + user.pitch);
}
$(".show-user").click(showUser);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment