Untitled

 avatar
unknown
plain_text
a year ago
863 B
3
Indexable
import { useState } from 'react';

function Login() {
  const campoRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
  const [formDados, setFormDados] = useState({
    email: '',
    password: '',
  });
  function checaValidade() {
    return !(campoRegex.test(formDados.email) && formDados.password.length > 5);
  }
  return (
    <form>
      <input
        // onChange={ checaValidade }
        type="email"
        name="email"
        data-testid="email-input"
        value={ formDados.email }
      />
      <input
        // onChange={ checaValidade }
        type="password"
        name="password"
        data-testid="password-input"
        value={ formDados.password }
      />
      <button
        disabled={ checaValidade() }
        className="btnEntrar"
      >
        Entrar

      </button>
    </form>
  );
}

export default Login;