Mensagem De Validação No Formulário

Pessoal eu vi um um formulário (este é o exemplo: http://www.portalpar...0423/foto01.jpg ) que se a pessoa não preenche o campo ele tem a validação (até ae tudo bem, eu sei validar um campo) só que ao invés de abrir um alert ele exibe a mensagem no próprio formulário embaixo do botão submit e quando a pessoa preenche todos os campos que envia ele mostra a confirmação também abaixo do botão no mesmo formulário.

Alguém pode me ajudar como fazer isto?

Antecipadamente agradeço!!

Edição feita por: opsss, 25/04/2004, 10:22.

<form name="exemplo">
  <input type="text" name="sample" /><br /><br />
  <input type="submit" value="Testar!" onclick="return testarCampo();" />
</form>

<script language="JavaScript" type="text/javascript">
  function testarCampo() {
    var campo = document.exemplo.sample;
    if (campo.value != "") {
      document.getElementById("mensagem").innerHTML = "Tá preenchido!";
    }
    else {
      document.getElementById("mensagem").innerHTML = "Não tá preenchido!";
    }
    return false;
  }
</script>

<div id="mensagem" style="color: red; font-weight: bold;"></div>

Qualquer coisa... Posta aew!

Klaus.. obrigado pela dica... mas eu ainda estou enrolado!! Tentei mas não consegui colocar no meu form, as validações são feitas pelo próprio DW. Estou colocando o código aqui se você puder me ajudar ficarei muito grato mais uma vez.

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}

function MM_validateForm() { //v3.0
  var i,p,q,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+='- '+nm+' must contain an e-mail address.\n';
      } else if (test!='R') { num = parseFloat(val);
        if (val!=''+num) 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 += '- '+nm+' is required.\n'; }
  } if (errors) alert('The following error(s) occurred:\n'+errors);
  document.MM_returnValue = (errors == '');
}
//-->
</script>
<form name="form1" >
  <p> Nome 
    <input type="text" name="nome">
    <br>
    Email 
    <input type="text" name="email">
    <input type="submit" name="Submit" value="Enviar" onClick="MM_validateForm('nome','','R','email','','R');return document.MM_returnValue">
  </p>
</form>

Alguem pode ajudar??

<form name="exemplo">
  <input type="text" name="sample" /><br /><br />
  <input type="submit" value="Testar!" onclick="return testarCampo();" />
</form>

<script language="JavaScript" type="text/javascript">
  function testarCampo() {
    var campo = document.exemplo.sample;
    if (campo.value != "") {
      document.getElementById("mensagem").innerHTML = "Tá preenchido!";
    }
    else {
      document.getElementById("mensagem").innerHTML = "Não tá preenchido!";
    }
    return false;
  }
</script>

<div id="mensagem" style="color: red; font-weight: bold;"></div>

Qualquer coisa... Posta aew!

aqui nao pego .. se eu nao escrever nada ou escrever da na mesma

No botão submit do form vc chama uma função pra validar o form.
Essa função é assim:

if (nome_do_form.nome_do_campo.value == "")
{
nome_do_form.nome_do_campo.value = "Não preenchido!")
inscricao.autor.focus();
return false;
}

OBS.: Tem que fazer pra todos os campos!!!


Ou coloca assim em cada textbox. Quando o usuário trocar de campo ele já faz a validação:

onchange="if(nome_do_form.nome_do_campo.value=="")nome_do_form.nome_do_campo.value='Não Preenchido';"