[RESOLVIDO] Inpedir injeção de HTML via Javascript: como?

JavaGuru Membro desde: 07/05/2006 17:09:05 Mensagens: 246 Offline

Tenho um formulário web onde uma tabela é manipulada dinamicamente via Javascript, onde uma função minha chamada addRow(valor) é usada. Nesta função é solicitado o valor que irá preencher a nova linha da tabela via window.prompt('Digite o valor:', '') e inserida na nova linha via innerHTML.

Porém se o usuário inserir algum código HTML, este será construído na tabela (digitar "<input>" no prompt não gerará o texto '<input>', e sim um componente de texto na linha da tabela).

Como impedir isso, deixanto literalmente tudo que é informado, de preferência com Javascript puro?

GUJ Master Membro desde: 22/01/2010 07:10:22 Mensagens: 1297 Offline

Você quer bloquear a entrada de tags HTML no formulário, ou quer tratar essas entradas ?

This message was edited 2 times. Last update was at 23/12/2010 19:49:41

Oi Antonioni,

o que resolve é trocar o > por & lt; (sem esse espaco no meio) e o > por & gt; (sem esse espaco no meio). O JQuery se nao me engano faz isso qdo vc vai no elemento e seta o atribute text dele.

algo do tipo:

Se vc nao tiver usando o jquery, pode tentar fazer esse replace na mao. Lembre-se de que tudo isso é Javascript, e que ainda assim essa funcionalidade pode ser desabilitada pelo usuario.

[]s

This message was edited 1 time. Last update was at 05/12/2010 14:24:30

Olá,

por que em vez de usar innerHTML você não usa innerText ?

OBS: No caso do firefox usa textContent em vez de innerText.

JavaGuru Membro desde: 07/05/2006 17:09:05 Mensagens: 246 Offline

Obrigado pela ajuda, gente, as dicas funcionaram beleza.
Abraços.

Notícias, artigos e o maior fórum brasileiro sobre Java