Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

igorfds

Mascara DATA

Por , em Javascript

Recommended Posts

igorfds    2

igorfds
Postado

Olá Bom dia!

 

Alguem teria um script para inserir / automaticamente no campo data?

 

Estou tentando alguns em javascript e não funciona...

 

Segue linha

 

echo '<td width="50px"><input onkeypress="return arrumaEnter(this, event)"type="text" style="background:#FFFFFF;" name="DATA'.$cont.'" id="DATA_'.$cont.'" size="8" maxlength="8" value='.$lista['DATA'].'></input></td >';

Obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabio Carpi    6

Fabio Carpi
Postado

Bem... Eu faria algo do tipo: (escrevendo em algoritimo não em JS)

if len(campo)=2 or 5

campo = campo & "/"

 

Saca?

Quando você digitar 2 números, ele vem e coloca a barra, depois quando você digitar mais 2, seriam 5 com os outros 2 e a barra, ele colocaria mais uma barra

Desculpa a noobice ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

igorfds    2

igorfds
Postado

Bem... Eu faria algo do tipo: (escrevendo em algoritimo não em JS)

if len(campo)=2 or 5

campo = campo & "/"

 

Saca?

Quando você digitar 2 números, ele vem e coloca a barra, depois quando você digitar mais 2, seriam 5 com os outros 2 e a barra, ele colocaria mais uma barra

Desculpa a noobice ^^

 

Entendi mais não consegui aplicar! Pode me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabio Carpi    6

Fabio Carpi
Postado

Vamos ver...

if(document.form.campo.value.length == 2 || document.form.campo.value.length == 5){

document.form.campo.value = document.form.campo.value + "/";

}

 

Acho que é isso

Compartilhar este post

Link para o post
Compartilhar em outros sites

igorfds    2

igorfds
Postado

Vamos ver...

if(document.form.campo.value.length == 2 || document.form.campo.value.length == 5){

document.form.campo.value = document.form.campo.value + "/";

}

 

Acho que é isso

 

gera esse erro!

 

Parse error: syntax error, unexpected '=' in

Compartilhar este post

Link para o post
Compartilhar em outros sites

paulinhosupriano    103

paulinhosupriano
Postado

olá meu amigo igorfds,

 

 

Vou postar um codigo em jquery para você usar, sua vida vai mudar em questão de formulário na parte de mascaras, poderia ser em PHP também, mas, jquery ajuda neste caso 100%;

 

3 passos.

1 - Jquery

2 - maskedinput jquery

3 - Seu Formulario .html ou .php com um id ou class de identificação para colocar a mascara.

 

 

jquery e o maskedinput jquery e colocado dentro do head ou seja na cabeça.

O maskedinput e baixado e colocado dentro do seu projeto(site ou sistema), optei em colocar o jquery do code.jquery para isso e preciso ter internet outra opção e baixar o jquery do site oficial e também como maskedinput colocar em seu projeto.

 

ficando:

 

<head>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
</head>

 

abaixo irei colocar um formulario simples em html.

 

 

<form action="#" method="post" enctype="multipart/form-data">

<input type="text" name="data" id="datamask" />

</form>

 

 

o codigo funcionando...

 

<head>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#datamask").mask("99/99/9999");
});
</script>
</head>

 

 

<form action="#" method="post" enctype="multipart/form-data">

<input type="text" name="data" id="datamask" />

</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fabio Carpi    6

Fabio Carpi
Postado

Fiz um pequeno teste aqui e funcionou

<form name="form">
<input type="text" name="campo" onKeyUp="if(document.form.campo.value.length == 2 || document.form.campo.value.length == 5){
document.form.campo.value = document.form.campo.value + '/';
}">
</form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

igorfds    2

igorfds
Postado

olá meu amigo igorfds,

 

 

Vou postar um codigo em jquery para você usar, sua vida vai mudar em questão de formulário na parte de mascaras, poderia ser em PHP também, mas, jquery ajuda neste caso 100%;

 

3 passos.

1 - Jquery

2 - maskedinput jquery

3 - Seu Formulario .html ou .php com um id ou class de identificação para colocar a mascara.

 

 

jquery e o maskedinput jquery e colocado dentro do head ou seja na cabeça.

O maskedinput e baixado e colocado dentro do seu projeto(site ou sistema), optei em colocar o jquery do code.jquery para isso e preciso ter internet outra opção e baixar o jquery do site oficial e também como maskedinput colocar em seu projeto.

 

ficando:

 

<head>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
</head>

 

abaixo irei colocar um formulario simples em html.

 

 

<form action="#" method="post" enctype="multipart/form-data">

<input type="text" name="data" id="datamask" />

</form>

 

 

o codigo funcionando...

 

<head>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#datamask").mask("99/99/9999");
});
</script>
</head>

 

 

<form action="#" method="post" enctype="multipart/form-data">

<input type="text" name="data" id="datamask" />

</form>

 

Obrigado pela ajuda !

 

Mais esse código funciona legal fora.. mais quando insiro no meu código php num funciona não!

 

Segue meu código:

 

<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/jquery.maskedinput.js" type="text/javascript"></script>
</head>

<?php

		$consulta = $conexao->consulta($lista);
		
		echo '<table  cellpadding="0" cellspacing="0" border="0" class="table">';
//		echo '<a href="#" class="close"><img src="topo_bt/close.png" style="position:relative; top:-40px; left:3px"></a>';
		echo '<tr>';
		echo '<td width="50px"></td>';		  
//		echo '<td width="00px"><img src="/cadastro_cfop2.png" style="position:relative; top:-8px; left:-14px"/><p><p></td>';
	    echo '</tr>';
		echo '</table>';
		echo '<table id="tb1" cellpadding="0" cellspacing="0" border="0" class="table">';
		echo '<tr class="header">';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">ITEM</th>';
		echo '<th width="10px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">COD. PRODUTO</th >';
		echo '<th width="100px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">DESCRIÇÃO DO PRODUTO</th >';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">NCM</th>';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">CFOP</th >';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">CST</th >';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">N. CFOP</th >';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">NOVO CÓDIGO</th >';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">N. CST</th >';
		echo '<th width="50px" style="font: 12px arial, helvetica, clean, sans-serif;font-weight: bold;color: #777;">DATA ENT</th >';
		echo "</tr>"; 
		 

		echo '<form name="FormDepara" id="FormDepara"  method="post" action="/gravar_config.php" enctype="multipart/form-data"';
		
		$cont=0;
		while ($lista = $conexao->busca($consulta)){ 
			$cont++;
			echo '<tr>'; 
			echo '<td width="50px"><input  style="background:#b7dcff;"  type="text"  name="nItem_'.$cont.'" id="nItem_'.$cont.'" readonly="true" size="3" maxlength="3" value='.$lista['nItem'].'></input></td >'; 
			echo '<td width="50px"><input  style="background:#b7dcff;" type="text"  name="CodigoProduto_'.$cont.'" id="CodigoProduto_'.$cont.'" readonly="true" size="20" maxlength="20" value='.$lista['CodigoProduto'].'></input></td >';
			echo '<td width="50px"><input  style="background:#b7dcff;" type="text"  name="DescricaoProduto_'.$cont.'" id="DescricaoProduto_'.$cont.'" readonly="true" size="50" maxlength="50" value="'.$lista['DescricaoProduto'].'"></input></td >';
			echo '<td width="50px"><input  style="background:#b7dcff;" type="text"  name="NCM_'.$cont.'" id="NCM_'.$cont.'" readonly="true" size="8" maxlength="8" value='.$lista['NCM'].'></input></td >';
			echo '<td width="50px"><input  style="background:#b7dcff;" type="text"  name="CFOP_'.$cont.'" id="CFOP_'.$cont.'" readonly="true" size="4" maxlength="4" value='.$lista['CFOP'].'></input></td >';
			echo '<td width="50px"><input  style="background:#b7dcff;" type="text"  name="CST_'.$cont.'" id="CST_'.$cont.'" readonly="true" size="3" maxlength="3" value='.$lista['CST'].'></input></td >';
			echo '<td width="50px"><input onkeypress="return arrumaEnter(this, event)" type="text" style="background:#FFFFFF;" name="NovaCFOP_'.$cont.'" id="NovaCFOP_'.$cont.'" size="5" maxlength="4" value='.$lista['NovaCFOP'].'></input></td >';
			echo '<td width="50px"><input onkeypress="return arrumaEnter(this, event)" type="text" style="background:#FFFFFF;" name="NovoCodigo_'.$cont.'" id="NovoCodigo_'.$cont.'" size="15" maxlength="15" value='.$lista['NovoCodigo'].'></input></td >';
			echo '<td width="50px"><input onkeypress="return arrumaEnter(this, event)"type="text" style="background:#FFFFFF;" name="CSTNOVA_'.$cont.'" id="CSTNOVA_'.$cont.'" size="3" maxlength="3" value='.$lista['CSTNOVA'].'></input></td >';


//essa linha


			echo '<td width="50px"><input onkeypress="return arrumaEnter(this, event)"type="text" style="background:#FFFFFF;" name="data" id="datamask" size="8" maxlength="8" value='.$lista['CSTNOVA'].'></input></td >';
			echo '</tr>';

Compartilhar este post

Link para o post
Compartilhar em outros sites

Edultra    13

Edultra
Postado

Obrigado pela ajuda !

 

Mais esse código funciona legal fora.. mais quando insiro no meu código php num funciona não!

 

Esta faltando no seu código você inserir a chamada javascript para o jquery e para o método:

 

<script type="text/javascript">
$(document).ready(function(){

 $("#datamask").mask("99/99/9999");

});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

igorfds    2

igorfds
Postado

 

Esta faltando no seu código você inserir a chamada javascript para o jquery e para o método:

 

<script type="text/javascript">
$(document).ready(function(){

 $("#datamask").mask("99/99/9999");

});
</script>

 

Agora sim.. kkk

 

Só tem uma coisa.. se eu inserir mais campos ele só funciona no primeiro!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Edultra    13

Edultra
Postado

Você pode altera o código para mascarar os campos com que tem a classe css ex:

 

<script type="text/javascript">
$(document).ready(function(){

 $(".data").mask("99/99/9999");

});
</script>

e no input:

<input name="nomeCampo" class="data" value=""/>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito