Formulário de validação e botões desativados [duplicado]

1. Por que você não deveria cinza botões desativados?
2. Como você impede que um botão valesse seu formulário?
3. Como faço para ativar um botão quando um formulário é válido?
4. Como você garantiria que o código do botão desativasse o botão Enviar se o formulário for inválido?

Por que você não deveria cinza botões desativados?

Gray é frequentemente usado para comunicar um botão de baixa prioridade (e.g., cancelar botões). Quando eles vêem um botão cinza, eles não terão certeza se ele está desativado, a menos que cliquem nele. Essa incerteza e imprevisibilidade não são uma experiência ideal para o usuário. Ao tornar seu botão transparente, ajuste a opacidade, não a cor.

Como você impede que um botão valesse seu formulário?

Para impedir que a validação seja realizada, defina a propriedade CausesValidation como falsa . Você deve definir a propriedade CausesValidation como falsa quando estiver usando a propriedade Postbackurl para postar de volta para uma página diferente.

Como faço para ativar um botão quando um formulário é válido?

Use o desabilited = ”@(! contexto. Atributo validate ()) para o componente de botão de envio para validar o formulário para exibir e ativar ou desativar o botão. Se uma mensagem de erro ocorrer na validação do formulário, o botão será desativado.

Como você garantiria que o código do botão desativasse o botão Enviar se o formulário for inválido?

Se o valor de controle da caixa de texto for inválido, também queremos desativar o botão Enviar para que o usuário não possa enviar o formulário. Estamos usando a propriedade "Ng-Disabled" para que o controle faça isso com base no valor condicional da propriedade "$ sujo" e "$ inválido" do controle.