Validação automática no cliente

Pela validação do cliente, nós nos referimos aqui para validação que ocorre no navegador do usuário como é a forma de processamento, o que significa que a página não é passado para o servidor do ColdFusion para ser processado. Em vez disso, o usuário vê uma mensagem pop-up JavaScript que indica o problema. O usuário pode pressionar o botão OK e corrigir o problema imediatamente, sem a necessidade de back-up para corrigi-lo. Mas será que este pop-up JavaScript conceito assustá-lo? É você talvez não esteja familiarizado com JavaScript? Ou preocupados com script cross-browser problemas de suporte? A grande coisa sobre o cliente automática CF capacidade de validação do lado é que ele cria o JavaScript para você realizar essa validação e mensagens pop-up tal. Você, o programador, não precisa de compreender ou qualquer código JavaScript em tudo. E o JavaScript que é criada funciona mesmo em versões antigas do navegador. Assim como você começa a mercadoria? Você só precisa fazer algumas pequenas mudanças para a forma. Na verdade, a primeira coisa a fazer é mudar a forma marca-se a uma tag CFFORM (e também mudar o fechamento / tag FORM para um fechamento / tag CFFORM). Isto diz ColdFusion que você está criando um formulário que aproveita os recursos de validação que estamos discutindo aqui. CFFORM também pode ser usada para introduzir algumas funcionalidades da interface melhorada, como cfgrid, CFTREE, e outros. Estes applet Java baseada em características estão além do escopo de discussão deste artigo sobre validação e são discutidos mais longe. E embora nós também discutir uma tag CFSELECT que não adiciona alguns recursos de validação, a marca CFSELECT pode ser utilizado sem qualquer validação para criar facilmente listas drop-down (lista SELECT) com base nos resultados ColdFusion consulta.

A tag CFFORM é uma marca interessante, comparado com a maioria outras tags. É claramente destinada a ser um substituto para o tag de formulário HTML, mas acrescenta funcionalidades extras que não fazia parte da especificação HTML. Como isso pode funcionar? Como pode CF causar um navegador para fazer algo que ele (teoricamente) não pode fazer? Bem, o que acontece é que o ColdFusion torna a tag CFFORM volta em uma tag forma regular, e em seguida, ele também contribui para a página do código JavaScript que é necessários para executar qualquer validação que você tenha solicitado. E como você validação de solicitação? Você tem dois tipos de tags para o qual você pode adicionar a validação de JavaScript, CFINPUT e CFSELECT. Como faz o tag CFFORM, estas correspondem diretamente a sua entrada e contrapartidas SELECT. Assim, o primeiro passo para transformar o formulário de login, no início do artigo em que usa uma validação built-in JavaScript CF é simplesmente mudar a par de tags e etiquetas INPUT FORM em pares tag CFFORM e tags CFINPUT, como segue:

 Digite seu nome de usuário e senha: 
 Nome de usuário: 
 Senha: 

Se você olhar de perto, você pode perceber que temos deixado na validação de campo oculto a partir do exemplo anterior. Tendo ambos cliente e servidor de validação do lado em um único formulário está perfeitamente bem. Se por algum motivo o navegador não suporte a JavaScript para o processo de validação do cliente ColdFusion que gera, a validação de campo oculto pode estar lá para apoiá-la até que o formulário é processado no servidor. Embora você possa manter o oculto campos em vigor dentro de um CFFORM, você não deve alterar as etiquetas de INPUT para esses campos ocultos para tags CFINPUT. Apenas tags de entrada que não são type = "hidden" pode ser usado com CFINPUT (incluindo os valores tipo "texto", "caixinha", "Rádio" e "password"). Realmente não aparecem de forma diferente em tudo. ColdFusion muda a CFFORM em uma tag FORM eo CFINPUT em tags INPUT correspondente e adiciona um código JavaScript para executar qualquer validação solicitada. Mas, é claro, se você ainda não solicitou qualquer validação, para utilizar o tags CFFORM e CFINPUT não é lógico. Como você passo para a compreensão do recurso, no entanto, entender esta característica é útil.

Assim como ocorre com o servidor automático (lado oculto-campo) de validação que nós discutimos, CFINPUT pode ser usado para indicar tanto que um campo é necessário um (o que significa que o usuário deve inserir um valor), e / ou pode indicar algum determinado tipo de validação. Na verdade, não apenas partes a maioria dos tipos de validação do mesmo (_DATE, _time, _integer, _float, e assim por diante), mas também acrescenta validações adicionais (como cartão de crédito, telefone, e mais). Nós discutimos os em um momento. Primeiro, dê uma olhada em um exemplo de como adicionar validação necessário usando CFINPUT. É diferente da abordagem campo oculto, e ainda é mais simples. Em vez de adicionar um novo campo para o formulário, basta adicionar um novo atributo-valor para a marca. De fato, necessária para a validação, é simplesmente uma questão de adicionar required = "yes", como no exemplo a seguir:

No exemplo abaixo, gostaríamos de mudar tanto esse campo ea marca CFINPUT para a solicitação de senha, dando-nos o seguinte:

 Digite seu nome de usuário e senha: 
 Nome de usuário: 
 Senha: 

Observe que, devido ao espaço disponível [onde?], As marcas são cada CFINPUT dividido em duas linhas no exemplo anterior. O atributo necessário está especificado na tag CFINPUT. Se este formulário é processado e apresentado com nenhum valor inserido por um usuário, o resultado é um pop-up JavaScript mensagem. Como um desenvolvedor CF, você não deve se preocupar com o JavaScript que é criada mas, se lhe interessa, basta usar o View Source ➪ ou Ver ➪ comando-fonte da página da barra de menu do seu navegador para exibir o HTML gerado em sua página. Considerando CF5 e versões anteriores gerada talvez até 50 linhas de código JavaScript que apareceu no topo do HTML gerado, CF MX utiliza um arquivo JavaScript Embedded (usando um