Validação de formulário HTML5 com elemento obrigatório e desativado
Percebo que você nunca deve desativar um elemento e também o exige, porque como o usuário pode torná-lo válido se estiver desativado?
No entanto, eu tenho um<select>
de produtos que eu quero que meus usuários escolham. Quando eles selecionam um dos produtos, outro<select>
para os modelos do produto é preenchido, ativado e necessáriosomente se o produto tiver um ou mais modelos. Caso contrário, a seleção do modelo é desativada e esvaziada.
Embora eu goste de pensar que meu código é perfeito e posso fazê-lo para que o menu suspenso do modelo nunca seja desabilitado e necessário ao mesmo tempo, eu não sou perfeito. Portanto, o formulário poderia ser enviado com um<select>
desabilitado e obrigatório?
Retirado de w3.org:
Validação de restrição: Se o elemento for necessário e seu valor IDL attribute se aplicar e estiver no valor mode,e o elemento é mutável, e o valor do elemento é a sequência vazia, então o elemento está sofrendo de falta.
Pesquisou especificamente o que significa ser "mutável".
Um controle de formulário pode ser designado como mutável.
Nota: Isso determina (por meio de definições e requisitos nesta especificação que dependem da designação de um elemento) se o usuário pode ou não modificar o valor ou a verificação de um controle de formulário ou se um controle pode ou não ser preenchido automaticamente .
As seleções não têm um valor, portanto, são determinadas pelas suas opções.
O elemento select não tem um valor; a seleção de seus elementos de opção é o que é usado.
Então, acho que isso significa que se um<select>
elemento foi desativado e necessário, o formulário pode ser considerado válido?