1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

HTML - Validação de form

Discussão em 'Web Development' iniciada por skcratch, 12 de Novembro de 2008. (Respostas: 2; Visualizações: 839)

  1. skcratch

    skcratch Power Member

    Viva!

    Tenho um formulário feito em HTML e pretendo realizar a sua validação em JavaScript. No entanto, ao contrário do que é habitual, não queria que aparecesse um pop-up com a mensagem de erro ("campo obrigatório", por exemplo), mas sim uma mensagem junto ao campo respectivo. Essa mensagem não estaria visível numa fase inicial, apenas sendo visível caso o campo não fosse devidamente preenchido.

    Será que alguém poderia dar uma ajuda?
    Cumps!
    :D
     
  2. hostmake

    hostmake Power Member

    Submit -> Verificar_Form();return false; -> if ( bla bla ) doc.. getelementbyid div display = block.
     
  3. alfinete

    alfinete Power Member

    ja pagina html poes este code para chamar o file javascript

    Código:
    <script type="text/javascript" src="verifica.js"></script>
    no html para cada campo tens uma label associada

    no verifica.js
    _____________________________________________
    para verificares se caixa de texto vazia fazes

    Código:
    function valida()
    {
    //verifica se caixa de texto com id = "txt1" vazia
    if  (document.getElementById('txt1').value = " ") 
         // poe na label com o id ="lbl1" a mensagem de erro
          (document.getElementById('lbl1').value = "Obrigatorio preencher ");
          else
             (document.getElementById('lbl1').value = " ");
    
    
    }
    
    
    dentro desta poes um if para cada verificação

    tens detrabalhar com do document.GetElementById ou ByName, e com as propriedades dos objectos, value , checked... etc

    para os restantes campos conforme o que queres fazer tens de pesquizar aqui

    http://www.w3schools.com/htmldom/met_doc_getelementbyid.asp

    no botão do html fazes

    Código:
      <input id="bt7" type="button" value="Validar" onclick="javascript:valida();" 
    espero que tenha ajudado
     
    Última edição: 12 de Novembro de 2008

Partilhar esta Página