Olá! Estou tentando realizar a validação de campos obrigatórios com o typescript. Caso o usuário de um salvar, e campos obrigatórios estejam em banco, retornar uma mensagem de erro, e mostrar quais campos não foram preenchidos.
Olá! Estou tentando realizar a validação de campos obrigatórios com o typescript. Caso o usuário de um salvar, e campos obrigatórios estejam em banco, retornar uma mensagem de erro, e mostrar quais campos não foram preenchidos.
Fala aí Renan, tudo bem? Qual seria exatamente sua dúvida ou problema? Poderia passar mais detalhes para tentarmos lhe ajudar?
Fico no aguardo.
Tenho, por exemplo, campos: Nome e CPF que são obrigatórios. Quando o usuário tenta dar um salvar, se estes campos estiverem vazios, deve retornar uma mensagem: O campo x deve ser preenchido.
Em tese, ele não posso conseguir fazer o post, se os campos obrigatórios estiverem vazios.
Para fazer isso você pode utilizar o próprio HTML5, não precisa chegar no TypeScript (também é possível).
Nos input's você pode adicionar validações do tipo:
max => quantidade máxima de um valor numérico
maxlength => quantidade máxima de caracteres
min => quantidade mínima de um valor numérico
pattern => validar o formato de preenchimento
required => obrigatório
type => tipo de dados que deve ser inseridoEssas são algumas validações possíveis de serem feitas.
Espero ter ajudado.
Coloco as validações no html, mas não estão funcionando.
O que posso fazer para que apareça a mensagem de: Campo x é obrigatório ?
A mensagem irá aparecer sozinha ao tentar submeter o form, por padrão existe uma definição feita pelo browser.
Mas é possível customizá-las através do .setCustomValidity('MENSAGEM').
Espero ter ajudado.