Apagar Campos Após Enviar Formulário

[Guest - Amon-Rá_Beraldo -]

A página inicial do meu site mostra o conteúdo dos links em um Iframe. Na página inicial, há um pequeno formulário para cadastrar e-mail para receber a famosa "newsletter" e a confirmação de inserção do e-mail no banco de dados aparece no Iframe.

Preciso que, ao enviar os dados, os campos do formulário sejam apagados, mas não estou conseguindo pensar em como fazer isso. =(

Tentei assim:

<script language="JavaScript">
function apagar () {
  document.cadastrar.nome.value=""
  document.cadastrar.email.value=""
}
</script>

Mas o problema aí é que os dados são apagados antes de serem enviaods, pois chamo a função no onSubmit, na tag <form>.

Alguém tem alguma sugestão de como posso solucionar esse pequeno grande problema?

Valeu

Abraços

[flavio]

tenta assim:

<form name='cadastrar' onSubmit='setTimeout("apagar()", 2000)'>

[Beraldo]

No onSubmit do formulário há isto:

onSubmit="MM_validateForm('nome','','R','email','','RisEmail');return document.MM_returnValue"

(A validação de campos gerada pelo Dreamweaver).

Há como colocar mais um função nesse evento?

E, se possível, explique-me melhor para que serve essa função setTimeOut

[Beraldo]

Eu poderia colocar essa função setTimeOut, se os campos do form estiverem corretos. O script é este:

function MM_validateForm() { //v4.0
  var i,p,que,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='-O campo '+nm+' deve conter um e-mail válido.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '-O campo '+nm+' é obrigatório.\n'; }
  } if (errors) alert('Verifique o(s) erro(s):\n'+errors);
      document.MM_returnValue = (errors == '');
}

Eu poderia por o setTimeOut() aqui:

if (errors) alert('Verifique o(s) erro(s):\n'+errors);

else {

função setTimeOut() }

document.MM_returnValue = (errors == '');

}

Como posso fazer isso?

[Guest - Amon-Rá_Beraldo -]

Olhem este tópico:

http://scriptbrasil.com.br/forum/index.php...topic=77828&hl=

Postei essa dúvida no sub-fórum de HTML e sugeriram-me o uso de JavaScript.

Alguém poderia me explicar onde inserir o código que há lá?

Não estou conseguindo inserir a função setTimeOut naquele código...

Valeu

Abraços

[UpTroni]

posta o codigo inteiro do html e javascript

[UpTroni]

posta o codigo todo

[Beraldo]

O código da página inicial é enorme, mas o do form é este:

<form action="Newsletter/cadastrar.php" method="post" name="cadastrar" target="conteudo" id="cadastrar" onSubmit="MM_validateForm('nome','','R','email','','RisEmail');return document.MM_returnValue">
      <font class="inferior">Nome:</font><br>
      <input name="nome" type="text" id="nome" size="13" maxlength="200">
                <br>
    <font class="inferior">E-Mail:</font><br>
    <input name="email" type="text" id="email" size="13" maxlength="200">
    <br>
    <input type="submit" name="Submit" value="Enviar">
    </form>

O código da função MM_validateForm() está no meu post anterior.

[Beraldo]

Postei lá no HTML.

[UpTroni]

bom tenta fazer isso pra ver se funciona

<form action="Newsletter/cadastrar.php" method="post" name="cadastrar" target="conteudo" id="cadastrar">
      <font class="inferior">Nome:</font><br>
      <input name="nome" type="text" id="nome" size="13" maxlength="200">
                <br>
    <font class="inferior">E-Mail:</font><br>
    <input name="email" type="text" id="email" size="13" maxlength="200">
    <br>
    <input type="button" name="Submit" value="Enviar" onClick="MM_validateForm('nome','','R','email','','RisEmail');">
    </form>

e no javascript faz isso

function MM_validateForm() { //v4.0
  var i,p,que,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
  for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]);
    if (val) { nm=val.name; if ((val=val.value)!="") {
      if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
        if (p<1 || p==(val.length-1)) errors+='-O campo '+nm+' deve conter um e-mail válido.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
        if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
          min=test.substring(8,p); max=test.substring(p+1);
          if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
    } } } else if (test.charAt(0) == 'R') errors += '-O campo '+nm+' é obrigatório.\n'; }
  } if (errors) alert('Verifique o(s) erro(s):\n'+errors);
     else
     {
     document.cadastrar.submit();
     document.nome.value="";
     document.email.value="";
     }
}

[Beraldo]

Já fiz isso, mas nesse caso, os dados são apagados antes de serem enviados.

Daí, o scrip PHP não recebe o conteúdo dos campos.

O setTimeOut(), que o rajneesh sugeriu, não dá certo?

Onde posso inserí-lo para testar?

[UpTroni]

cara, tenta fazer isso

não viu a mudança no codigo

ele submete o formulario antes de apagar

olha bem o codigo que eu postei

[Beraldo]

Não deu certo. O form é submetido, mas os dados não são apagados.

[flavio]

No onSubmit do formulário há isto:

onSubmit="MM_validateForm('nome','','R','email','','RisEmail');return document.MM_returnValue"

(A validação de campos gerada pelo Dreamweaver).

Há como colocar mais um função nesse evento?

E, se possível, explique-me melhor para que serve essa função setTimeOut

Pra começar, eu escrevi errado a função. Não é setTimeOut e sim setTimeout (esse mero erro faz o código não funcionar).

É possivel sim colocar mais de uma função no Onsubmit. O próprio DW está executando 2 funções. É claro que as funções são executadas na ordem em que aparecem.

onSubmit="funcao1(); funcao2(); funcao3();funcao4()"

A função setTimeout(ação, tempo) permite que uma determinada ação seja executada após um determinado tempo (dado em milissegundos)

Nesse caso, a função "apagar()" seria executada após 2 segundos.

Tenta denovo e vê se dá certo. Pelo menosno IE sei que funciona. Em outros navegadores, não garanto. ( até porque existem outras funções que também causam esse "atraso de tempo")

onSubmit="MM_validateForm('nome','','R','email','','RisEmail');return document.MM_returnValue;setTimeout('apagar()', 2000)"

Se quiser , (não estou fazendo propaganda!) dá uma olhada nessa apostila abaixo.

[Beraldo]

Já fiz de um outro jeito e deu certo.

Mesmo assim, valeu pela ajuda! =)

abraço

[flavio]

só pra comentar a resposta do UpTroni:

Cuidado quando for usar funções chamdas por botões. Se a função passa um valor pra uma nova página (action) o ideal é que:

OU o formulário use um <form onSubmit="funcao()"> seguido de um <input type="Submit">

OU o formulário não use o evento onSubmit, mas a função é chamada por um <input type="Button" onClick="funcao()">

Isso evida erros entre navegadores. (não sei se expliquei bem)

[Beraldo]

Eu nem sabia que um <imput type="button"> enviava um formulário. Pensei que ele tinha errado o código, mas quando testei, deu certo( enviou, mas não apagou os campos).

[flavio]

Eu nem sabia que um <imput type="button"> enviava um formulário. Pensei que ele tinha errado o código, mas quando testei, deu certo( enviou, mas não apagou os campos).

E realmente não envia. A menos que se use document.formulario.submit() que é uma instrução que pode ser usada em qualquer função.

mas testa aí aquilo que falei e vê se d'certo.

[Beraldo]

Acabei de testar. Não dá mesmo. Eu tive que colocar o form de busca em uma página a ser exibida no Iframe. Foi o único jeito.. hehe