Apagar o conteúdo do INPUT

[Michael Cruz 6]

Boa tarde gente, acho que é a sessão certa, desculpe se errei.

 

Any way ...

 

Estou enviando um e-mail pelo input, assim que envio, eu volto para a página anterior,

 

com window.history.go(-1)...

 

Mas gostaria que o input ficasse sem valor.

 

Como eu faço isso?

Assim está o código, sei que tem PHP, mas a funcionalidade é em js rs

 

 

echo "<script type='text/javascript'>

alert ('Mensagem enviada com sucesso!');

window.history.go(-1)

</script>";

 

[Ted k' 126]

Por que não usar a URL da página mesmo?

[Michael Cruz 6]

Porque esse infeliz do input está em várias páginas, ou seja dentro de um include.

 

Então não tem como eu saber onde o visitante estava antes de preencher =\

[Ted k' 126]

HAHAHAHA, calma, teste isso na pagina onde tem os inputs:

 

window.onload = function(){
document.forms["meu_form"].reset();
};

[Michael Cruz 6]

Assim está na página onde tem os INPUT...

 

 

 

<script type="text/javascript">

$(document).ready(function (){

window.onload = function(){

document.forms["emailForm"].reset();

};

function validaNews (){

var formulario = document.getElementById("newsForm");

if (formulario.emailForm.value == ""){ alert("Preencha o campo e-mail!"); return false; }

document.getElementById("newsForm").submit();

}

});

</script>

 

Ai o formulário envia para a página PHP, e nela eu retorno assim...

 

 

<script type='text/javascript'>

alert ('Mensagem enviada com sucesso!');

window.history.go(-1)

</script>

 

Se for isso não funfo =\

[Ted k' 126]

É que você está usando o jquery, eu tem mandei em javascript puro, ficaria assim, como mandei:

<script type="text/javascript">
window.onload = function(){
document.forms["emailForm"].reset();
};

function validaNews (){
var formulario = document.getElementById("newsForm");
if (formulario.emailForm.value == ""){ alert("Preencha o campo e-mail!"); return false; }
document.getElementById("newsForm").submit();
}
</script>

[Michael Cruz 6]

Dessa forma também não funcionou...

 

Está exatamente como mandou.

 

Não sou muito bom com JS (para não dizer que não sei nada), mas algo me intrigou nesse seu código.

 

window.onload = function(){

Exatamente nisso, porque eu envio para a página PHP onde válida o e-mail e tudo mais, ai se o e-mail é enviado com sucesso ele faz isso...

 

 

<script type='text/javascript'>

alert ('Mensagem enviada com sucesso!');

window.history.go(-1)

</script>

 

E aqui que está minha dúvida, por estar dando window.history.go ele está voltando a página anterior, a qual já estaria carrega, portanto não disparando o window.onload .... não seria isso? Ou falei besteira?

[hinom 5]

#7 não rola devido ao bfcache.

 

acople o evento window.onpageshow

 

 

window.onload=window.onpageshow= function() {

alert('foo bar!');

};

[Michael Cruz 6]

hinom mesma coisa,

não apaga o input.

 

 

 

window.onload=window.onpageshow=function(){

document.forms["emailForm"].reset();

};

[hinom 5]

o reset pegará do bfcache..

 

o intuito é apagar e não resetar, certo ?

 

portanto:

document.forms["emailForm"].value = '';

 

obs: coloque um alert junto apenas para ter certeza de que está sendo chamado:

alert('funfo!');

[Michael Cruz 6]

Ótima dica hinom...

 

Não está entrando no window.onload...

 

 

window.onpageshow=function(){

document.forms["emailForm"].value=' ';

alert('Funfou');

};

 

Alguma ideia de como resolver?

[hinom 5]

assim véi

 

window.onload=window.onpageshow=function(){

[Michael Cruz 6]

Malz, eu copiei errado, mas testei dessa forma que colocou, e acabei de verificar para ter certeza,

 

 

mesma coisa, não apaga o conteúdo do input.

 

 

window.onload=window.onpageshow=function(){

document.forms["emailForm"].value='';

alert('Funfou');

};

[Ted k' 126]

Está aparecendo algum erro em seu console do navegador?

[Michael Cruz 6]

TypeError: document.forms.emailForm is undefined

 

document.forms["emailForm"].value='';

[hinom 5]

conseguiu entender a mensagem de erro?

 

a própria mensagem já dá a resposta de como resolver.

[Michael Cruz 6]

Sim ,mas de qualquer forma ele não atribui o valor vazio ao INPUT ainda

[hinom 5]

???

???

 

 

não atribuirá o valor se não corrigir o endereço do objeto..

[Michael Cruz 6]

Para alivio de minha consciência, com eu disse que não sou nada bom com JS.

Fiz o teste com o nome do form e com o nome do INPUT, e ambas não surtiu efeito.

 

 

<script type="text/javascript">

window.onload=window.onpageshow=function(){

document.forms["newsForm"].value='';

alert('Funfou');

};

function validaNews (){

var formulario = document.getElementById("newsForm");

if (formulario.emailForm.value == ""){ alert("Preencha o campo e-mail!"); return false; }

document.getElementById("newsForm").submit();

}

</script>

<form name="newsForm" id="newsForm" action="enviaNews.php" method="post" onsubmit="return validaNews()" >

<div class="siteMenuNewsInput"><input name="emailForm" id="emailForm" class="inputNews" type="text" /></div>

<div class="siteMenuNewsBt"><input type="image" src="imagens/bt-ok.png" name="OK" value="" id="OK" /></div>

</form>