Ir para conteúdo
  • 0

[Resolvido] Criar campo de CPF/Numero Com DDD HTML/PHP/CSS


Krash0 is Alive

Pergunta

21 respostass a esta questão

Posts Recomendados

Guest Dêemezeká

Parou o erro só que esse satanás não ta funcionando.

aki funcionou, lembre de deixar os links na ordem de dependencia, o masked depende do browser.js e do jquery, o browser.js depende do jquery, entao a ordem fica igual a que passei ali em cima

 

aki funcionou:

<!DOCTYPE html>
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.0.8/jquery.browser.js"></script>
	<script src="https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
</head>
<body>


<form method="post">
<input type="text" id="cpf" placeholder="___.___.___-__">
<input type="submit">
</form>

<script type="text/javascript">
	$("#cpf").mask("999.999.999-99");
</script>
</body>
</html>
Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká


<form>

<input type="text" pattern="\d{3}\.\d{3}\.\d{3}-\d{2}" placeholder="___.___.___-__" title="Formato correto: xxx.xxx.xxx-xx">

<input type="submit">

</form>

Editado por Dêemezeká
Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

usa esse:

<input type="text" pattern="[0-9]{3}.[0-9]{3}.[0-9]{3}-[0-9]{2}" placeholder="___.___.___-__" title="Formato correto: xxx.xxx.xxx-xx" required>

so vai da pra enviar o forumlario se o campo for apenas numeros no formato xxx.xxx.xxx-xx (obrigatorio usar ponto e hifen)

Link para o comentário
Compartilhar em outros sites

usa esse:

<input type="text" pattern="[0-9]{3}.[0-9]{3}.[0-9]{3}-[0-9]{2}" placeholder="___.___.___-__" title="Formato correto: xxx.xxx.xxx-xx" required>

so vai da pra enviar o forumlario se o campo for apenas numeros no formato xxx.xxx.xxx-xx (obrigatorio usar ponto e hifen)

 

Queria que ele coloca-se sozinho os bagulhos, teria que se em javascript né? 

Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

Queria que ele coloca-se sozinho os bagulhos, teria que se em javascript né? 

ah sim, pra ir automaticamente os pontos etc é por js

 

@edit

vo tentar fazer um exemplo aki no jsfiddle

Editado por Dêemezeká
Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

pdc, vlw, tenta colocar para verificar se tiver mais de 14 caracteres ele não digitar mais, pq se passar isso pelo input é só ir lá e usar o inspecionar elemento

aki, usei outra lib alem do jquery : http://jsfiddle.net/DMZK/s1cohwvw/

 

vc vai precisar do jquery e do maskedinput

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
Link para o comentário
Compartilhar em outros sites

 

aki, usei outra lib alem do jquery : http://jsfiddle.net/DMZK/s1cohwvw/

 

vc vai precisar do jquery e do maskedinput

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>

 

Vlw, vou tentar fzr para o Numero também

 

@Edit

 

Não ta funcionando no meu site O.o

Editado por Krash0
Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

Vlw, vou tentar fzr para o Numero também

 

@Edit

 

Não ta funcionando no meu site O.o

a <script> vem dentro do body dessa vez, mas os links do jquery e do masked é na head msm

Link para o comentário
Compartilhar em outros sites

a <script> vem dentro do body dessa vez, mas os links do jquery e do masked é na head msm

 

Mesmo assim esse krl não ta funcionando, até tentei colocar o input em uma class e dps pegar pela class e não funfa

Mesmo assim esse krl não ta funcionando, até tentei colocar o input em uma class e dps pegar pela class e não funfa

 

@parece que ta dando erro no jquery masked > http://prntscr.com/8ado8q

Link para o comentário
Compartilhar em outros sites

pdc, vlw, tenta colocar para verificar se tiver mais de 14 caracteres ele não digitar mais, pq se passar isso pelo input é só ir lá e usar o inspecionar elemento

Se você quer bloquear isto, seria melhor você verificar se tem mais de 14 caracteres via PHP ao enviar os dados, afinal, o usuário não consegue editar o arquivo PHP.

Link para o comentário
Compartilhar em outros sites

Guest Dêemezeká

Mesmo assim esse krl não ta funcionando, até tentei colocar o input em uma class e dps pegar pela class e não funfa

 

@parece que ta dando erro no jquery masked > http://prntscr.com/8ado8q

nao, testei aki tb, é pq seu jquery é o mais novo, e foi removida uma parte dele, mas separado em outro plugin

coloque mais esse no seu <head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.0.8/jquery.browser.js"></script>
<script src="https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
Link para o comentário
Compartilhar em outros sites

 

nao, testei aki tb, é pq seu jquery é o mais novo, e foi removida uma parte dele, mas separado em outro plugin

coloque mais esse no seu <head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.0.8/jquery.browser.js"></script>
<script src="https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>

 

Parou o erro só que esse satanás não ta funcionando.

Link para o comentário
Compartilhar em outros sites

 

aki funcionou, lembre de deixar os links na ordem de dependencia, o masked depende do browser.js e do jquery, o browser.js depende do jquery, entao a ordem fica igual a que passei ali em cima

 

aki funcionou:

<!DOCTYPE html>
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.0.8/jquery.browser.js"></script>
	<script src="https://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js"></script>
</head>
<body>


<form method="post">
<input type="text" id="cpf" placeholder="___.___.___-__">
<input type="submit">
</form>

<script type="text/javascript">
	$("#cpf").mask("999.999.999-99");
</script>
</body>
</html>

 

Tem como me mandar seu skype? não ta funcionando de jeito nem 1 T-T

Link para o comentário
Compartilhar em outros sites

Visitante
Este tópico está impedido de receber novos posts.
  • Quem está navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...