Skip to main content
adicionou 1413 caracteres ao conteúdo
Fonte Link
Paz
  • 3,2mil
  • 1
  • 15
  • 39

PARA A MASCARA DO INPUT

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

 

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>


PARA A VALIDAÇÃO DOS DADOS INSERIDOS NO INPUT

Como você mencionou nos comentários que também quer uma validação e ela não é algo lógico, ou seja, é algo que você necessita para o seu sistema e é definido por você mesmo sem lógica integrada.

Quero que haja uma validação no input onde o usuario não consiga digitar numeros que não existe como exemplo: 9999999 88888 77777 123456789 987654321 11122233 4455566888

Tente fazer a validação por um array blackList, onde todos os elementos desse array serão testados e você tomará ação caso um desses elementos der match através de expressão regular.

Segue um exemplo básico:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<button onclick="blackListExpressions.forEach(myFunction)">Try it</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");

var blackListExpressions = [/9999/, /8888/, /7777/];
var testeString = '(11)99999-9999';

function myFunction(item, index) {
    if(testeString.match(item)){
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "true" + "<br>";

    }
    else{
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "false" + "<br>";
    }
}
</script>

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

 

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>


Como você mencionou nos comentários que também quer uma validação e ela não é algo lógico, ou seja, é algo que você necessita para o seu sistema e é definido por você mesmo sem lógica integrada.

Quero que haja uma validação no input onde o usuario não consiga digitar numeros que não existe como exemplo: 9999999 88888 77777 123456789 987654321 11122233 4455566888

Tente fazer a validação por um array blackList, onde todos os elementos desse array serão testados e você tomará ação caso um desses elementos der match através de expressão regular.

Segue um exemplo básico:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<button onclick="blackListExpressions.forEach(myFunction)">Try it</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");

var blackListExpressions = [/9999/, /8888/, /7777/];
var testeString = '(11)99999-9999';

function myFunction(item, index) {
    if(testeString.match(item)){
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "true" + "<br>";

    }
    else{
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "false" + "<br>";
    }
}
</script>

PARA A MASCARA DO INPUT

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>


PARA A VALIDAÇÃO DOS DADOS INSERIDOS NO INPUT

Como você mencionou nos comentários que também quer uma validação e ela não é algo lógico, ou seja, é algo que você necessita para o seu sistema e é definido por você mesmo sem lógica integrada.

Quero que haja uma validação no input onde o usuario não consiga digitar numeros que não existe como exemplo: 9999999 88888 77777 123456789 987654321 11122233 4455566888

Tente fazer a validação por um array blackList, onde todos os elementos desse array serão testados e você tomará ação caso um desses elementos der match através de expressão regular.

Segue um exemplo:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<button onclick="blackListExpressions.forEach(myFunction)">Try it</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");

var blackListExpressions = [/9999/, /8888/, /7777/];
var testeString = '(11)99999-9999';

function myFunction(item, index) {
    if(testeString.match(item)){
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "true" + "<br>";

    }
    else{
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "false" + "<br>";
    }
}
</script>

adicionou 1413 caracteres ao conteúdo
Fonte Link
Paz
  • 3,2mil
  • 1
  • 15
  • 39

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>


Como você mencionou nos comentários que também quer uma validação e ela não é algo lógico, ou seja, é algo que você necessita para o seu sistema e é definido por você mesmo sem lógica integrada.

Quero que haja uma validação no input onde o usuario não consiga digitar numeros que não existe como exemplo: 9999999 88888 77777 123456789 987654321 11122233 4455566888

Tente fazer a validação por um array blackList, onde todos os elementos desse array serão testados e você tomará ação caso um desses elementos der match através de expressão regular.

Segue um exemplo básico:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<button onclick="blackListExpressions.forEach(myFunction)">Try it</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");

var blackListExpressions = [/9999/, /8888/, /7777/];
var testeString = '(11)99999-9999';

function myFunction(item, index) {
    if(testeString.match(item)){
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "true" + "<br>";

    }
    else{
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "false" + "<br>";
    }
}
</script>

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>


Como você mencionou nos comentários que também quer uma validação e ela não é algo lógico, ou seja, é algo que você necessita para o seu sistema e é definido por você mesmo sem lógica integrada.

Quero que haja uma validação no input onde o usuario não consiga digitar numeros que não existe como exemplo: 9999999 88888 77777 123456789 987654321 11122233 4455566888

Tente fazer a validação por um array blackList, onde todos os elementos desse array serão testados e você tomará ação caso um desses elementos der match através de expressão regular.

Segue um exemplo básico:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<button onclick="blackListExpressions.forEach(myFunction)">Try it</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");

var blackListExpressions = [/9999/, /8888/, /7777/];
var testeString = '(11)99999-9999';

function myFunction(item, index) {
    if(testeString.match(item)){
    demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "true" + "<br>";

    }
    else{
        demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + "false" + "<br>";
    }
}
</script>

removeu 17 caracteres do conteúdo
Fonte Link
Paz
  • 3,2mil
  • 1
  • 15
  • 39

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

Segue também um teste no JSFiddle para garantir que funcione:

 

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

Segue também um teste no JSFiddle para garantir que funcione:

 

Tente usar esse plugin, já que não existe um recurso nativo para isso.

Ao adiciona-lo no seu projeto você poderá usar um método em seu plugin, o .inputmask e assim definir a mascara para o seu input através de uma referencia a sua classe, id ou nome de propriedade.
Segue um exemplo para o seu caso:

HTML:

<input id="test" type="text"></input>

Jquery:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });

Segue também um teste no JSFiddle para garantir que funcione:

$("#test").inputmask({
            mask: "(99)99999-9999",
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
<input id="test" type="text"></input>

Fonte Link
Paz
  • 3,2mil
  • 1
  • 15
  • 39
Carregando