Compare commits
1 commit
| Author | SHA1 | Date | |
|---|---|---|---|
| a5b77a3655 |
1 changed files with 42 additions and 0 deletions
42
src/Register.jsx
Normal file
42
src/Register.jsx
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
import { useState } from "react";
|
||||||
|
|
||||||
|
const Register = () => {
|
||||||
|
const [user, setUser] = useState("");
|
||||||
|
const [pass, setPass] = useState("");
|
||||||
|
const [confirmPass, setConfirmPass] = useState("");
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<p>Usuario</p>
|
||||||
|
<input type="text" onChange={(ev) => setUser(ev.target.value)} />
|
||||||
|
<p>Contraseña</p>
|
||||||
|
<input type="password" onChange={(ev) => setPass(ev.target.value)} />
|
||||||
|
<p>Confirmar contraseña</p>
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
onChange={(ev) => setConfirmPass(ev.target.value)}
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
|
<button
|
||||||
|
className="p-2 rounded-md bg-teal-400"
|
||||||
|
onClick={() => {
|
||||||
|
if (pass.length < 6) {
|
||||||
|
alert("La contraseña debe tener por lo menos 6 caracteres");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (pass !== confirmPass) {
|
||||||
|
alert("Las contraseñas no coinciden");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (user.length === 0) {
|
||||||
|
alert("Se requiere un nombre de usuario");
|
||||||
|
}
|
||||||
|
alert("Autenticacion exitosa");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Registrarse
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Register;
|
||||||
Loading…
Reference in a new issue