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