Ir ao conteúdo
  • Cadastre-se

Javascript Mostrar mensagem da validação do Yup JS na tela do usuário


Posts recomendados

Estou desenvolvendo um sistema bibliotecário, que conta com uma tela de cadastro de aluno e conta com o Yup para fazer a validação dos dados escritos no formulário

// Cria um novo Aluno
  async create(req, res) {
    const schema = Yup.object().shape({
      email: Yup.string()
        .email("E-mail inválido")
        .required("Obrigatório preencher e-mail"),
      cpf: Yup.string()
        .matches(
          /^\d\.\d\.\d-\d$/,
          "CPF deve estar no formato xxx.xxx.xxx-xx"
        )
        .required("Preencher Cpf é obrigatório"),
      telefone: Yup.string().required("Preencher Telefone é obrigatório"),
      endereco: Yup.string().required("Preencher Endereço é obrigatório"),
      nome: Yup.string().required("Preencher Nome é obrigatório"),
      sobrenome: Yup.string().required("Preencher Sobrenome é obrigatório"),
      senha: Yup.number().integer().required("Preencher Senha obrigatório"),
    });
 
    let lista_erros = [];
 
    try {
      await schema.validate(req.body, { abortEarly: false });
 
      const newAluno = await Aluno.create(req.body);
      return res.status(201).json(newAluno);
    } catch (e) {
      // Erros de campos não preenchidos
 
      if (e.name === "ValidationError") {
        const erros_validacao = e.inner.map((error) => ({
          campo: error.path,
          mensagem: error.message,
        }));
        lista_erros = [...lista_erros, ...erros_validacao];
      }
 
      // Erros de campos já existentes
 
      if (e.name === "SequelizeUniqueConstraintError") {
        if (e.fields.cpf) {
          lista_erros.push({ campo: "cpf", mensagem: "CPF já existente" });
        }
 
        if (e.fields.PRIMARY) {
          lista_erros.push({
            campo: "matricula",
            mensagem: "Matrícula já existente",
          });
        }
      }
 
      return res.status(400).json({ error: "Erro", detalhes: lista_erros });
    }
  }

Como fazer para que estas validações, apareçam no front end para o usuário, caso aconteça algum erro no preenchimento do formulário

Link para o comentário
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

 

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!