1

Criei um campo Data e com a função JavaScript estou mascarando ela para data, mas como usar somente números e não texto?

function mascaraData( campo, e )
{
	var kC = (document.all) ? event.keyCode : e.keyCode;
	var data = campo.value;
	
	if( kC!=8 && kC!=46 )
	{
		if( data.length==2 )
		{
			campo.value = data += '/';
		}
		else if( data.length==5 )
		{
			campo.value = data += '/';
		}
		else
			campo.value = data;
	}
}
<html>
<head>
<title>Mascara data formulario</title>

</head>
<body>
	<form>
		<input type="text" name="outra_data" id="outra_data" maxlength="10" onkeypress="mascaraData( this, event )" />
	</form>

</body>
</html>

5
  • Regex é que você precisa!
    – user28595
    Commented 14/01/2016 às 20:00
  • Mais como eu posso usar isso ?
    – user38360
    Commented 14/01/2016 às 20:03
  • Relacionado: Como formatar data no javascript?
    – user28595
    Commented 14/01/2016 às 20:05
  • Dá uma olhada no último código desta resposta.
    – gustavox
    Commented 14/01/2016 às 20:08
  • eu quero usar somente Javascript
    – user38360
    Commented 14/01/2016 às 20:11

2 Respostas 2

5

Encontrei esse exemplo funcional, valida tanto a data no formato dd/mm/aaaa e não permite caracteres que não sejam números, basta adaptar seu input para a função, desta forma:

function mascaraData(val) {
  var pass = val.value;
  var expr = /[0123456789]/;

  for (i = 0; i < pass.length; i++) {
    // charAt -> retorna o caractere posicionado no índice especificado
    var lchar = val.value.charAt(i);
    var nchar = val.value.charAt(i + 1);

    if (i == 0) {
      // search -> retorna um valor inteiro, indicando a posição do inicio da primeira
      // ocorrência de expReg dentro de instStr. Se nenhuma ocorrencia for encontrada o método retornara -1
      // instStr.search(expReg);
      if ((lchar.search(expr) != 0) || (lchar > 3)) {
        val.value = "";
      }

    } else if (i == 1) {

      if (lchar.search(expr) != 0) {
        // substring(indice1,indice2)
        // indice1, indice2 -> será usado para delimitar a string
        var tst1 = val.value.substring(0, (i));
        val.value = tst1;
        continue;
      }

      if ((nchar != '/') && (nchar != '')) {
        var tst1 = val.value.substring(0, (i) + 1);

        if (nchar.search(expr) != 0)
          var tst2 = val.value.substring(i + 2, pass.length);
        else
          var tst2 = val.value.substring(i + 1, pass.length);

        val.value = tst1 + '/' + tst2;
      }

    } else if (i == 4) {

      if (lchar.search(expr) != 0) {
        var tst1 = val.value.substring(0, (i));
        val.value = tst1;
        continue;
      }

      if ((nchar != '/') && (nchar != '')) {
        var tst1 = val.value.substring(0, (i) + 1);

        if (nchar.search(expr) != 0)
          var tst2 = val.value.substring(i + 2, pass.length);
        else
          var tst2 = val.value.substring(i + 1, pass.length);

        val.value = tst1 + '/' + tst2;
      }
    }

    if (i >= 6) {
      if (lchar.search(expr) != 0) {
        var tst1 = val.value.substring(0, (i));
        val.value = tst1;
      }
    }
  }

  if (pass.length > 10)
    val.value = val.value.substring(0, 10);
  return true;
}
<input type="text" name="outra_data" id="outra_data" maxlength="10" onkeypress="mascaraData(this)" />

Referência do código:

http://forum.imasters.com.br/topic/256533-fazer-mascara-para-text-field-para-ddmmaaaa/

1
  • eu usei essa função @Articuno o, mas dei uma enxugada nela pois algumas funcionalidades eu nao utilizei e preferi usar os atributos do HTML Commented 26/04/2018 às 12:30
1

Usa jQuery. Deve atender o que você quer.

    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>
    <SCRIPT language="javascript">
     $(document).ready(function () {
        $('#outra_data').mask('99/99/9999');
        return false;
    });
    </SCRIPT>
6
  • Então eu preciso usar somente javascript.
    – user38360
    Commented 14/01/2016 às 20:15
  • O código que eu te enviei é javascript. Commented 14/01/2016 às 20:23
  • Acho que ele quis dizer javascript puro, sem framework.
    – user28595
    Commented 14/01/2016 às 20:23
  • isso estou procurando alguma solução ou dica para Javascript puro sem Framework.
    – user38360
    Commented 14/01/2016 às 20:26
  • Andre, meu bom, jQuery é um universo à parte na Stack Overflow e Stack Overflow em Português, se a pergunta só tem a tag javascript, devemos responder em JS puro e adicionar uma opção de framework se acharmos que deixa a resposta mais ampla. Anyway, só um par de dicas...
    – brasofilo
    Commented 15/01/2016 às 3:01

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .