Mascarar vários campos

[Leandromx 0]

Olá pessoal bom dia.

 

Um help fácil para vcs...

Seguinte.

 

Tenho dentro de UM FORM vários campos data, e estão com o nome data0, data1,data2 etc...

Isso é gerado através de uma consulta, se tiver 20 registro terá 20 campos data.

Só preciso mascarar.

Estou fazendo assim

<input type="text" name="data<?=$w?>" OnKeyUp="mascaraData(this);" maxlength="10" / >

Java Script
 function mascaraData(campoData){
              var data = campoData[0].value;

              if (data.length == 2){
                  data = data + '/';
                  document.forms[0].data.value = data;
      return true;              
              }
              if (data.length == 5){
                  data = data + '/';
                  document.forms[0].data.value = data;
                  return true;
              }
         }

Eu tenho que fazer um FOR e colocar isso tudo dentro? para ver qual campo ele esta pegando???

[William Bruno 1501]

Nem tudo.

O código javascript você deve colocar apenas uma única vez.

 

Como é uma função, basta fazer várias chamadas à ela.

[Leandromx 0]

Eu tenho um pequeno problema..

 

Meus campos estão nomeados assim data[]

É possível usar esse mes código mas ao invés de pegar o nome eu pego a id tipo um document.getElementById('data_1') etc...??

 

ou tem outra forma???

[William Bruno 1501]

Acredito que assim a tua função fica melhor:

<input type="text" name="data[]" onkeyup="mascaraData( this );" maxlength="10" / >
<input type="text" name="data[]" onkeyup="mascaraData( this );" maxlength="10" / >
<input type="text" name="outra-data" onkeyup="mascaraData( this );" maxlength="10" / >

<script type="text/javascript">
function mascaraData( el ){
	if (el.value.length == 2){
		el.value +=  '/';
		el.value = el.value;
		return true;              
	}
	if( el.value.length == 5){
		el.value += '/';
		el.value = el.value;
	}
}
</script>