Publicado em 10 de dez.

Remover características especiais

Gente tenho esse código que quando eu digito no input ele mostra na div ao vivo, porém, preciso que onde ele mostra na div ele remove características especiais, acentos e no lugar onde tiver espaço colocar um hífen. Como faço isso?

código jquery:

 <input id="b" oninput="alteraValor()"/>

<div id="a"></div>
 <script type="text/javascript">

 var alteraValor = function () {
 document.getElementById('a').innerText = document.getElementById('b').value;

}

 </script>

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

andreneeto· 10 de dez.

Opa, segue solução:

function alteraValor() {
var text = document.getElementById("b").value;

var specials = new Object();
specials["/[ÀÁÂÃÄ]/g"] = "A";
specials["/[ÈÉÊË]/g"] = "E";
specials["/[ÌÍÎÏ]/g"] = "I";
specials["/[ÒÓÔÕÖ]/g"] = "O";
specials["/[ÙÚÛÜ]/g"] = "U";
specials["/[Ç]/g"] = "C";

for (var property in specials) {
text = text.replace(eval(property), specials[property]);
text = text.replace(eval(property.toLowerCase()), specials[property].toLowerCase());
}

text = text.replace(/\ /g, "-");

document.getElementById("a").textContent = text;
}

alysson122010· 11 de dez.

Muito obrigado resolveu meu problema :)

alysson122010· 11 de dez.

Uma dúvida como ai ta mostrando na div. Como eu mostro dentro de um outro input ?

William Bruno· 12 de dez.

para mostrar no input basta trocar:

document.getElementById("a").textContent = text;por

document.getElementById("a").value = text;

sendo o input

alysson122010· 16 de dez.

Valeu

>
para mostrar no input basta trocar:

document.getElementById("a").textContent = text;por

document.getElementById("a").value = text;sendo o input