Validar Campos JavaScript

<html>
  <body>
    <script type="text/javascript">

      function displayDado(nomeCampo){

          var dado = document.getElementById(nomeCampo).value;
          document.getElementById("show_" + nomeCampo).innerHTML=dado;
          return true;
      }

      function validaCampoVazio(nomeCampo){

        var dado = document.getElementById(nomeCampo).value;

        if( dado == "" || dado == null ) {
          dado = '<font color="red">Campo obrigatorio!</font>';
          document.getElementById("show_" + nomeCampo).innerHTML=dado;
          return false;
        }
        return true;
      }

    </script>

    <font>Nome: </font>
    <input id="nome" type="text" onblur="validaCampoVazio('nome') && displayDado('nome');"/>
    <font id="show_nome"></font>

    <br/>
    <font>Idade: </font>
    <input id="idade" type="text" onblur="validaCampoVazio('idade') && displayDado('idade')"/>
    <font id="show_idade"></font>
  </body>
</html>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s