Validação deve funcionar com enter!

Um erro comum ao criar validações é que muitas vezes, o desenvolvedor impede que o formulário seja enviado pressionando a tecla Enter (ou return para macusers). Isso geralmente acontece por falta de um botão do tipo submit. O programador coloca um botão no formulário e uma linha de validação via Javascript. Após um amigo me perguntar sobre isso no MSN, aí vai um exemplo de como fazer uma função de validação sem atrapalhar a experiência do usuário:

A função

<script>
 function validate(f) {
  if(f.q.value=="") {
   return false;
  }
  return true;
 }
</script>

O formulário

<form action="http://www.google.com/search" onsubmit="return validate(this);">
  <label for="q">Busca:</label>
  <input type="text" name="q" id="q"/>
  <input type="submit" />
</form>

A atenção está no uso do Return. Fica a dica.

 

Leonardo

Registros de Leonardo Faria sobre desenvolvimento web

 
  • Muito bom!!! Já que eu usei em primeira mão, hehehe!!
    Valeu pelas dicas cara!! Já te devo um click a menos no adsense!!
    t+