script ou tipo de placeholder?

IgorC · Março 29, 2014

Olá pessoal, tenho uma dúvida, eu já vi em vários site e não encontrei nada sobre isso. A dúvida é, por exemplo, existe um campo no formulário para inserir o telefone e lá existe o placeholder="Telefone", até aí tudo bem, porém ao clicar no campo, o placeholder some e aparecem os seguintes caracteres ( ) ____-____ como se fosse um placeholder, da mesma cor, mesmo estilo, igualzinho, só que a pessoa ao clicar só pode escrever dentro desses campos, tipo entre os parênteses só pode se inserir 2 números e a mesma coisa antes e depois do traço. Eu queria saber como fazer isso e se alguém pode me ajudar, se isso é um script ou alguma função do html ou css. Desde já agradeço.

reebr · Março 29, 2014

O nome disso é máscara. Existem plugins que fazem isso.

Exemplo: https://github.com/igorescobar/jQuery-Mask-Plugin

DEMO e documentação: http://igorescobar.github.io/jQuery-Mask-Plugin/

Mas respondendo a sua pergunta: é script.

IgorC · Março 31, 2014

Hmmm era isso mesmo, muito obrigado rnxn sempre disposto a ajudar, muito obrigado mesmo.

IgorC · Março 31, 2014

Olá rnxn, baixei todos os códigos, li a documentação porém não estou conseguindo implementar esse script em meu projeto.

Segue algumas informações:

Estou carregando o jQuery corretamente:

E estou carregando tanto o plugin quanto um script externo para executar as funções da máscara:

Dentro de mascaras.js tem apenas:

$(document). ready(function(){

$('. telefone'). mask('(00) 0000-0000');

});

Porém, se eu crio um <input type="text" class="telefone"/>

Não acontece nada, absolutamente nada. Se alguém puder me ajudar com isso...

Preciso muito, obrigado.

W4y · Março 31, 2014

Eu tentei e também não consegui utilizar mas existe este outro plugin:

http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js

Faça a inclusão normalmente:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="maskedinput-1.3.js" type="text/javascript"></script>

Insira o input:

 Telefone: <input type="text" id="telefone" />

E o script da máscara:

  jQuery(document).ready(function($) {

            $("#telefone").mask("(99) 9999-9999");     // Máscara para TELEFONE


    });

E voa lá.

Recomendo você ler esta postagem que da mais exemplos: http://www.duocriativa.com.br/janela/blog/2012/06/10/aplicando-mascaras-a-campos-de-formularios-com-plugin-jquery

IgorC · Abril 1, 2014

Olá W4y, obrigado por responder. Então, eu fiz tudo EXATAMENTE como você demonstrou e não funcionou, então, eu fiz EXATAMENTE como demonstrava no link que você postou e não funcionou novamente, não sei mais o que fazer, por favor me ajudem! :/

Olha como eu fiz:

<html>
<head>
	<title> uhasuhauhsa </title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
	<script src="jquery.maskedinput-1.3.js" type="text/javascript"></script>
</head>

<body>
	<form>
       Telefone: <input type="text" id="telefone" />
       CEP:        <input type="text" id="cep" />
       Data:        <input type="text" id="data" />
       CNPJ:      <input type="text" id="cnpj" />
       RG:           <input type="text" id="rg" />
       Agência:   <input type="text" id="agencia" />
       Comta:     <input type="text" id="conta" />
</form>

	<script type="text/javascript">
 
    jQuery(document).ready(function($) {
 
            $("#telefone").mask("(99) 9999-9999");     // Máscara para TELEFONE
 
            $("#cep").mask("99999-999");    // Máscara para CEP
 
            $("#data").mask("99/99/9999");    // Máscara para DATA
 
            $("#cnpj").mask("99.999.999/9999-99");    // Máscara para CNPJ
 
            $('#rg').mask('99.999.999-9');    // Máscara para RG
       
            $('#agencia').mask('9999-9');    // Máscara para AGÊNCIA BANCÁRIA
 
            $('#conta').mask('99.999-9');    // Máscara para CONTA BANCÁRIA
 
    }); 
 
</script>
</body>
</html>

E não funcionou... :(

W4y · Abril 1, 2014

Você baixou o script que você incluiu. (maskedinput-1.3.js) ?

xanburzum · Abril 1, 2014

verifique se os nomes dos campos estão corretos ao serem passados no jquery. exemplo:

<script src="jquery.maskedinput-master/lib/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.maskedinput-master/dist/jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $.mask.definitions['~'] = "[+-]";
        $("#data_nascimento").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#telefone").mask("(99) 9999-9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#CEP").mask("99999-999",{completed:function(){alert("Completo! Dados OK");}});
        //$("#RG").mask("99.999.999.999-9*",{completed:function(){alert("Completo! Dados OK");}});
       // $("#CIC").mask("999.999.999-99",{completed:function(){alert("Completo! Dados OK");}});
        $("#CTPS").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}});
        $("#serie").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}});
        $("#admissao").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});

        $("input").blur(function() {
            $("#info").html("Unmasked value: " + $(this).mask());
        }).dblclick(function() {
            $(this).unmask();
        });
    });

</script>

Form:

<form class="form-container" name="form1" method="post" action="cadastrar_associados.asp" onSubmit="return validar_cadastro()">
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="txt">
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome*</strong><strong>:</strong><br> 
                          <input name="nome" type="text" class="form-field" id="nome" value="" size="65"> </td>
                      </tr>
                      <tr> 
                        <td width="48%" height="60"><strong>Natural de*:</strong><br> 
                          <input name="natural_de" type="text" class="form-field" id="natural_de" value="" size="40"> 
                        </td>
                        <tr><td width="52%" height="60"><strong>Estado:</strong><br> 
                          <strong> 
                          <select name="estado" class="form-field">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                          </select>
                          </strong> </td>
                      </tr>
                      <tr> 
                        <td height="60"><strong>Estado Civil*:<br>
							<select class="form-field" name="estado_civil">
								<option value="Solteiro">Solteiro(a)</option>
								<option value="Casado">Casado(a)</option>
								<option value="Divorciado">Divorciado(a)</option>
								<option value="Viuvo">Víuvo(a)</option>
							</select>
                          </strong></td></tr>
                          <tr>
                        <td height="60"><strong>Data de Nascimento*:  <br>
                          <input name="data_nascimento" type="text" class="form-field" id="data_nascimento" value="" size="10" maxlength="10">
                          </strong></td>
                      </tr>                      
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="45%"><strong>Endereço*:<br>
                                <input name="endereco" type="text" class="form-field" id="endereco" value="" size="40">
                                </strong></td></tr>
                             <tr> <td width="26%"><strong>Bairro*:<br>
                                <input class="form-field" name="bairro" type="text" value="" size="21">
                                </strong></td></tr>
                                <tr>
                              <td width="29%"><strong>Complemento:<br>
							  <input class="form-field" name="comp" type="text" value="" size="5"></strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="55%"><strong>Cidade*:<br>
                                <input class="form-field" name="cidade" type="text" value="" size="40">
                                </strong></td></tr>
                                <tr>
                              <td width="45%"><strong>Estado:</strong><br> <strong> 
                                <select class="form-field" name="estado_cidade">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                                </select>
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="25%"><strong>CEP:<br>
                                <input class="form-field" name="CEP" type="text" id="CEP" value="" size="18"> 
                                </strong></td></tr>
                              <tr><td width="25%"><strong>Telefone*:<br>
                                <input class="form-field" name="telefone" type="text" id="telefone" value="" size="10">
                                </strong></td>

                            </tr>
                          </table></td>
                      </tr>
					  <tr>
					          <td width="48%" colspan="2"><strong>E-mail:<br>
                          <input class="form-field" name="email" type="text" id="email" value="" size="60" maxlength="100">
                                </strong></td>
								<!-- 
					          <td width="52%">
							  <!-- 
							  <strong>Senha:<br>
                                
                          <input name="senha" type="password" id="senha" value="" size="26" onKeyPress="return todas(event)">
                                </strong>-->
					  </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>RG*:  <br>
                                <input class="form-field" name="RG" type="text" id="RG" value="" size="9">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>CPF*: <br>
                                <input class="form-field" name="CIC" id="CIC" type="text" value="" size="11">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>CTPS Nº*:  (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="CTPS" id="CTPS" type="text" value="" size="7">
                            </strong></td></tr>
                            <tr>  <td width="50%"><strong>Série*: (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="serie" id="serie" type="text" value="" size="5">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="30" colspan="2" class="tit">A Empresa:</td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Razão Social 
                          da Empresa*:</strong><br> <input class="form-field" name="razao_social" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome Fantasia*:</strong><br> 
                          <input class="form-field" name="nome_fantasia" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>Cargo Ocupado*:<br>
                                <input class="form-field" name="cargo" type="text" value="" size="35">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>Data de Admissão*:<br>
                                <input class="form-field" name="admissao" id="admissao" type="text" value="" size="10" maxlength="10">
                             </strong></td>
                            </tr>
                          </table></td>
                      </tr>                    
                      <tr valign="bottom"> 
                        <td height="" colspan="2"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="20" colspan="2"> </td>
                      </tr>
                      <tr> 
                        <td colspan="2"><input class="submit-button" type="submit" value="Enviar" /> 
                         </td>
                      </tr>
                      <tr> 
                        <td colspan="2"> </td>
                      </tr>
                    </table>
                    </form>

Call

Send SMS

Add to Skype

You'll need Skype CreditFree via Skype

Call

Send SMS

Add to Skype

You'll need Skype CreditFree via Skype

IgorC · Abril 1, 2014

verifique se os nomes dos campos estão corretos ao serem passados no jquery. exemplo:

<script src="jquery.maskedinput-master/lib/jquery-1.9.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.maskedinput-master/dist/jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $.mask.definitions['~'] = "[+-]";
        $("#data_nascimento").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#telefone").mask("(99) 9999-9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#CEP").mask("99999-999",{completed:function(){alert("Completo! Dados OK");}});
        //$("#RG").mask("99.999.999.999-9*",{completed:function(){alert("Completo! Dados OK");}});
       // $("#CIC").mask("999.999.999-99",{completed:function(){alert("Completo! Dados OK");}});
        $("#CTPS").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}});
        $("#serie").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}});
        $("#admissao").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});

        $("input").blur(function() {
            $("#info").html("Unmasked value: " + $(this).mask());
        }).dblclick(function() {
            $(this).unmask();
        });
    });

</script>

Form:

<form class="form-container" name="form1" method="post" action="cadastrar_associados.asp" onSubmit="return validar_cadastro()">
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="txt">
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome*</strong><strong>:</strong><br> 
                          <input name="nome" type="text" class="form-field" id="nome" value="" size="65"> </td>
                      </tr>
                      <tr> 
                        <td width="48%" height="60"><strong>Natural de*:</strong><br> 
                          <input name="natural_de" type="text" class="form-field" id="natural_de" value="" size="40"> 
                        </td>
                        <tr><td width="52%" height="60"><strong>Estado:</strong><br> 
                          <strong> 
                          <select name="estado" class="form-field">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                          </select>
                          </strong> </td>
                      </tr>
                      <tr> 
                        <td height="60"><strong>Estado Civil*:<br>
							<select class="form-field" name="estado_civil">
								<option value="Solteiro">Solteiro(a)</option>
								<option value="Casado">Casado(a)</option>
								<option value="Divorciado">Divorciado(a)</option>
								<option value="Viuvo">Víuvo(a)</option>
							</select>
                          </strong></td></tr>
                          <tr>
                        <td height="60"><strong>Data de Nascimento*:  <br>
                          <input name="data_nascimento" type="text" class="form-field" id="data_nascimento" value="" size="10" maxlength="10">
                          </strong></td>
                      </tr>                      
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="45%"><strong>Endereço*:<br>
                                <input name="endereco" type="text" class="form-field" id="endereco" value="" size="40">
                                </strong></td></tr>
                             <tr> <td width="26%"><strong>Bairro*:<br>
                                <input class="form-field" name="bairro" type="text" value="" size="21">
                                </strong></td></tr>
                                <tr>
                              <td width="29%"><strong>Complemento:<br>
							  <input class="form-field" name="comp" type="text" value="" size="5"></strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="55%"><strong>Cidade*:<br>
                                <input class="form-field" name="cidade" type="text" value="" size="40">
                                </strong></td></tr>
                                <tr>
                              <td width="45%"><strong>Estado:</strong><br> <strong> 
                                <select class="form-field" name="estado_cidade">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                                </select>
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="25%"><strong>CEP:<br>
                                <input class="form-field" name="CEP" type="text" id="CEP" value="" size="18"> 
                                </strong></td></tr>
                              <tr><td width="25%"><strong>Telefone*:<br>
                                <input class="form-field" name="telefone" type="text" id="telefone" value="" size="10">
                                </strong></td>

                            </tr>
                          </table></td>
                      </tr>
					  <tr>
					          <td width="48%" colspan="2"><strong>E-mail:<br>
                          <input class="form-field" name="email" type="text" id="email" value="" size="60" maxlength="100">
                                </strong></td>
								<!-- 
					          <td width="52%">
							  <!-- 
							  <strong>Senha:<br>
                                
                          <input name="senha" type="password" id="senha" value="" size="26" onKeyPress="return todas(event)">
                                </strong>-->
					  </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>RG*:  <br>
                                <input class="form-field" name="RG" type="text" id="RG" value="" size="9">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>CPF*: <br>
                                <input class="form-field" name="CIC" id="CIC" type="text" value="" size="11">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>CTPS Nº*:  (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="CTPS" id="CTPS" type="text" value="" size="7">
                            </strong></td></tr>
                            <tr>  <td width="50%"><strong>Série*: (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="serie" id="serie" type="text" value="" size="5">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="30" colspan="2" class="tit">A Empresa:</td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Razão Social 
                          da Empresa*:</strong><br> <input class="form-field" name="razao_social" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome Fantasia*:</strong><br> 
                          <input class="form-field" name="nome_fantasia" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>Cargo Ocupado*:<br>
                                <input class="form-field" name="cargo" type="text" value="" size="35">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>Data de Admissão*:<br>
                                <input class="form-field" name="admissao" id="admissao" type="text" value="" size="10" maxlength="10">
                             </strong></td>
                            </tr>
                          </table></td>
                      </tr>                    
                      <tr valign="bottom"> 
                        <td height="" colspan="2"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="20" colspan="2"> </td>
                      </tr>
                      <tr> 
                        <td colspan="2"><input class="submit-button" type="submit" value="Enviar" /> 
                         </td>
                      </tr>
                      <tr> 
                        <td colspan="2"> </td>
                      </tr>
                    </table>
                    </form>

Call

Send SMS

Add to Skype

You'll need Skype CreditFree via Skype

Call

Send SMS

Add to Skype

You'll need Skype CreditFree via Skype

Então, eu copiei e colei exatamanete como me mandou para poder testar, mas nada aconteceu novamente :/ Aqui está meu arquivo index.html:

<html>
<head>
	<title> uhasuhauhsa </title>
	<script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $.mask.definitions['~'] = "[+-]";
        $("#data_nascimento").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#telefone").mask("(99) 9999-9999",{completed:function(){alert("Completo! Dados OK");}});
        $("#CEP").mask("99999-999",{completed:function(){alert("Completo! Dados OK");}});
        //$("#RG").mask("99.999.999.999-9*",{completed:function(){alert("Completo! Dados OK");}});
       // $("#CIC").mask("999.999.999-99",{completed:function(){alert("Completo! Dados OK");}});
        $("#CTPS").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}});
        $("#serie").mask("*****-**",{completed:function(){alert("Completo! Dados OK");}});
        $("#admissao").mask("99/99/9999",{completed:function(){alert("Completo! Dados OK");}});

        $("input").blur(function() {
            $("#info").html("Unmasked value: " + $(this).mask());
        }).dblclick(function() {
            $(this).unmask();
        });
    });

</script>
</head>

<body>
<form class="form-container" name="form1" method="post" action="cadastrar_associados.asp" onSubmit="return validar_cadastro()">
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="txt">
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome*</strong><strong>:</strong><br> 
                          <input name="nome" type="text" class="form-field" id="nome" value="" size="65"> </td>
                      </tr>
                      <tr> 
                        <td width="48%" height="60"><strong>Natural de*:</strong><br> 
                          <input name="natural_de" type="text" class="form-field" id="natural_de" value="" size="40"> 
                        </td>
                        <tr><td width="52%" height="60"><strong>Estado:</strong><br> 
                          <strong> 
                          <select name="estado" class="form-field">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                          </select>
                          </strong> </td>
                      </tr>
                      <tr> 
                        <td height="60"><strong>Estado Civil*:<br>
							<select class="form-field" name="estado_civil">
								<option value="Solteiro">Solteiro(a)</option>
								<option value="Casado">Casado(a)</option>
								<option value="Divorciado">Divorciado(a)</option>
								<option value="Viuvo">Víuvo(a)</option>
							</select>
                          </strong></td></tr>
                          <tr>
                        <td height="60"><strong>Data de Nascimento*:  <br>
                          <input name="data_nascimento" type="text" class="form-field" id="data_nascimento" value="" size="10" maxlength="10">
                          </strong></td>
                      </tr>                      
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="45%"><strong>Endereço*:<br>
                                <input name="endereco" type="text" class="form-field" id="endereco" value="" size="40">
                                </strong></td></tr>
                             <tr> <td width="26%"><strong>Bairro*:<br>
                                <input class="form-field" name="bairro" type="text" value="" size="21">
                                </strong></td></tr>
                                <tr>
                              <td width="29%"><strong>Complemento:<br>
							  <input class="form-field" name="comp" type="text" value="" size="5"></strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="55%"><strong>Cidade*:<br>
                                <input class="form-field" name="cidade" type="text" value="" size="40">
                                </strong></td></tr>
                                <tr>
                              <td width="45%"><strong>Estado:</strong><br> <strong> 
                                <select class="form-field" name="estado_cidade">
                                  <option value="Acre">Acre</option>
                                  <option value="Alagoas">Alagoas</option>
                                  <option value="Amapá">Amapá</option>
                                  <option value="Amazonas">Amazonas</option>
                                  <option value="Bahia">Bahia</option>
                                  <option value="Ceará">Ceará </option>
                                  <option value="Distrito Federal">Distrito Federal</option>
                                  <option value="Espirito Santo">Espírito Santo</option>
                                  <option value="Goiás">Goiás</option>
                                  <option value="Maranhão">Maranhão</option>
                                  <option value="Mato Grosso">Mato Grosso</option>
                                  <option value="Mato Grosso do Sul">Mato Grosso do Sul</option>
                                  <option value="Minas Gerais">Minas Gerais</option>
                                  <option value="Pará">Pará</option>
                                  <option value="Paraíba">Paraíba</option>
                                  <option value="Paraná">Paraná</option>
                                  <option value="Pernambuco">Pernambuco</option>
                                  <option value="Piauí">Piauí</option>
                                  <option value="Rio de Janeiro">Rio de Janeiro</option>
                                  <option value="Rio Grande do Norte">Rio Grande do Norte</option>
                                  <option value="Rio Grande do Sul">Rio Grande do Sul</option>
                                  <option value="Rondônia">Rondônia</option>
                                  <option value="Roraima">Roraima</option>
                                  <option value="Santa Catarina">Santa Catarina</option>
                                  <option selected value="São Paulo">São Paulo</option>
                                  <option value="Sergipe">Sergipe</option>
                                  <option value="Tocantins">Tocantins</option>
                                </select>
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="25%"><strong>CEP:<br>
                                <input class="form-field" name="CEP" type="text" id="CEP" value="" size="18"> 
                                </strong></td></tr>
                              <tr><td width="25%"><strong>Telefone*:<br>
                                <input class="form-field" name="telefone" type="text" id="telefone" value="" size="10">
                                </strong></td>

                            </tr>
                          </table></td>
                      </tr>
					  <tr>
					          <td width="48%" colspan="2"><strong>E-mail:<br>
                          <input class="form-field" name="email" type="text" id="email" value="" size="60" maxlength="100">
                                </strong></td>
								<!-- 
					          <td width="52%">
							  <!-- 
							  <strong>Senha:<br>
                                
                          <input name="senha" type="password" id="senha" value="" size="26" onKeyPress="return todas(event)">
                                </strong>-->
					  </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>RG*:  <br>
                                <input class="form-field" name="RG" type="text" id="RG" value="" size="9">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>CPF*: <br>
                                <input class="form-field" name="CIC" id="CIC" type="text" value="" size="11">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>CTPS Nº*:  (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="CTPS" id="CTPS" type="text" value="" size="7">
                            </strong></td></tr>
                            <tr>  <td width="50%"><strong>Série*: (preencha com zeros a esquerda) se o número for menor.<br>
                                <input class="form-field" name="serie" id="serie" type="text" value="" size="5">
                                </strong></td>
                            </tr>
                          </table></td>
                      </tr>
                      <tr> 
                        <td height="30" colspan="2" class="tit">A Empresa:</td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Razão Social 
                          da Empresa*:</strong><br> <input class="form-field" name="razao_social" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"><strong>Nome Fantasia*:</strong><br> 
                          <input class="form-field" name="nome_fantasia" type="text" value="" size="50"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="60" colspan="2"> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="txt">
                            <tr> 
                              <td width="50%"><strong>Cargo Ocupado*:<br>
                                <input class="form-field" name="cargo" type="text" value="" size="35">
                                </strong></td></tr>
                             <tr> <td width="50%"><strong>Data de Admissão*:<br>
                                <input class="form-field" name="admissao" id="admissao" type="text" value="" size="10" maxlength="10">
                             </strong></td>
                            </tr>
                          </table></td>
                      </tr>                    
                      <tr valign="bottom"> 
                        <td height="" colspan="2"> 
                        </td>
                      </tr>
                      <tr> 
                        <td height="20" colspan="2"> </td>
                      </tr>
                      <tr> 
                        <td colspan="2"><input class="submit-button" type="submit" value="Enviar" /> 
                         </td>
                      </tr>
                      <tr> 
                        <td colspan="2"> </td>
                      </tr>
                    </table>
                    </form>
</body>
</html>

E o arquivo jquery.maskedinput.js está na área de trabalho, juntamente com o arquivo index.html...

Desde já obrigado novamente, aguardo respostas.

IgorC · Abril 1, 2014

Olá pessoal, boas novas rsrsrs. Então fiquei estudando os códigos e procurando por mais aulas e tutoriais, achei um bem simples e muito bom no youtube e então consegui com que funcionasse a máscara... Muito obrigado a quem se disponibilizou para tentar me ajudar, para quem quiser o link do vídeo: http://www.youtube.com/watch?v=2aByUYvReZI

Arquivado

script ou tipo de placeholder?

Recommended Posts

IgorC 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

reebr 94

Compartilhar este post

Link para o post

Compartilhar em outros sites

IgorC 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

IgorC 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

W4y 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

IgorC 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

W4y 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

xanburzum 169

Compartilhar este post

Link para o post

Compartilhar em outros sites

IgorC 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

IgorC 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

problema em usar json para realizar engenharia de dados

Soma dos dias utilizados

Saber se todos os produtos de uma consulta estão cadastrados no banco de dados

Fóruns

Tempo Real

Informação importante