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>