Um campo definido como readonly
tem por finalidade apenas apresentar uma informação ao usuário de forma que seja enviada junto com os dados na submissão do formulário. Como o próprio nome diz é um campo de apenas leitura, então parte-se da premissa que o campo possua o atributo value
, mesmo que vazio (pois um valor vazio pode ser um valor válido).
Por que ele retorna true
na validação?
Porque ele sempre será válido. Os valores em um campo readonly
serão definidos pela própria aplicação e, portanto, sempre serão válidos. Porém, não retorna true
por esse motivo, na verdade um campo readonly
nem passa pela validação.
Conforme a W3C:
Constraint validation: If the readonly
attribute is specified on an input element, the element is barred from constraint validation.
Ou seja, se o atributo readonly
for especificado em um campo, o elemento é barrado da validação.
Então como posso validar um campo readonly
?
Não valida. Não o campo, pelo menos. Você citou que está aplicando isso para exibir o resultado de uma busca de endereço na API dos Correios a partir do CEP informado pelo usuário, ao meu ver você estará utilizando o atributo de forma errada nesta situação. Informações do endereço do usuário são de responsabilidade do usuário e ele pode querer alterá-las, não faz sentido privá-lo disso. Inclusive é bastante comum que o resultado da API venha incorreto. Nomes de ruas mudam, CEPs mudam... acredite, você não vai querer ter seu sistema confiando cegamente na API.
Meu conselho é remover os atributos readonly
desses campo. Isso, inclusive, impacta positivamente na experiência do seu usuário. Deixe ele fazer aquilo que é esperado ele poder fazer.
Talvez em alguma situação muito específica seja realmente necessário fazer essa validação no valor do campo readonly
, mas para isso faça antes de definir o valor. Não faz sentido você atribuir um valor inválido no campo para depois validá-lo. Valide-o antes, ainda na sua aplicação e só insira no campo se ele for válido.
readonly
erequired
no mesmo input é no mínimo estranho...value
assim que digitar o CEP (ai será feito a consulta na API do correio), correto? Porém esta informação é obrigatória a ter. O que você aconselha?readonly
? E se a informação vier errada e o usuário precisar corrigir?readonly
o usuário não poderá editar, nem se essa informação veio errada - e se for usar a API dos Correios, acredite, isso é muito mais comum do que imagina.