segunda-feira, 25 de janeiro de 2016

SITE COM INPUTS MASCARADOS ABRINDO EM DISPOSITIVOS MÓVEIS






Depois de sofrer um pouco e vendo que vários comentários aos scripts de mascaramento....

Problema: 

Para quem vai desenvolver website e terá algum input mascarado esperando receber apenas números e que os mesmos atendam bem para devices ANDROID... quando o input é type="text" o corretor ortográfico estraga a programação do script de mascaramento por causa das sugestões que vão aparecendo. Como a maioria das vezes o input mascarado é para formato numérico então esta dica ajuda.


Solução:

Force o tipo para type="tel" assim desativará o comportamento padrão do corretor ortográfico, e irá aparecer apenas o teclado numérico (também este tipo funciona no iOS) Atualmente usando o script de mascaramento: http://github.com/RobinHerbots/jquery.inputmask


ps: não testado o mesmo comportamento do problema em iOS.