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

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

 

@edit

vo tentar fazer um exemplo aki no jsfiddle

 

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

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

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.

 

Posso fzr isso também...  mas quero fzr o campo de cpf que coloque os bangs certos.

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.
×
×
  • Criar Novo...