Forum PHP.pl

Witam wszystkich forumowiczów.
Zrobiłem sobie walidację formularza, ale mam jeden problem.
Otóż aby button Dodaj był aktywny muszą być wypełnione wszystkie pola formularza.

Na razie mam tak:

Kod formularza:

[HTML] pobierz, plaintext 
<form name="post" method="post" action="?start=comments&p=dodaj_now" id="post">
<table border="0" cellspacing="3" cellpadding="0" align="center" width="650px">
<tr>
<td align="right" valign="middle">Nick: </td>
<td valign="top"><input id="nick" name="nick" type="text" size="30" onkeyup="NickChange()"></td>
<td id="ni">Musisz podać Nick</td>
</tr>
 
<tr>
<td align="right" valign="middle">E-mail: </td>
<td valign="top"><input id="mail" name="mail" type="text" size="30" onkeyup="MailChange()"></td>
<td id="mi">Musisz podać e-mail</td>
</tr>
 
<tr>
<td align="right" valign="middle">Treść: </td>
<td valign="top"><textarea id="coment" name="text" rows="10" cols="45" onkeyup="TextChange()"></textarea></td>
<td id="com">Musisz wpisać treść komentarza</td>
</tr>
 
 
<tr><td align="right"> </td>
<td colspan="2">
<div id="butt" style="float:left;"></div>
<div  style="float:left;"><input type="reset" name="reset" value="Usuń"></div>
</td>
</tr>
</table>
</form>
[HTML] pobierz, plaintext 

plik valid.js:

[XML] pobierz, plaintext 
function NickChange(){
 
      var sels=document.getElementById('nick');
      var sela=document.getElementById('ni');
      
      if(sels.value!=''){
            sels.style.border="1px solid #00cc00";
            sela.innerHTML='<img src="./images/mailok.gif" align="absmiddle">';
            
      }
      else{
            sels.style.border="1px solid #ff0000";
            sela.innerHTML='Musisz podać Nick';
            sela.className='valid_err';
            
      }
}
 
 
function MailChange(){
 
      var sels=document.getElementById('mail');
      var sela=document.getElementById('mi');
      
      if(sels.value!=''){
            sels.style.border="1px solid #00cc00";
            sela.innerHTML='<img src="./images/mailok.gif" align="absmiddle">';
            }
      else{
            sels.style.border="1px solid #ff0000";
            sela.innerHTML='Musisz podać e-mail';
            sela.className='valid_err';
            }
}
 
function TextChange(){
 
      var sels=document.getElementById('coment');
      var sela=document.getElementById('com');
      
      if(sels.value!=''){
            sels.style.border="1px solid #00cc00";
            sela.innerHTML='<img src="./images/mailok.gif" align="absmiddle">';
            }
      else{
            sels.style.border="1px solid #ff0000";
            sela.innerHTML='Musisz wpisać treść komentarza';
            sela.className='valid_err';
            }
}
 
 
function button()
{
var nick=document.getElementById('nick');
var mail=document.getElementById('mail');
var coment=document.getElementById('coment');
var butt=document.getElementById('butt');
 
if(nick.value!='' || mail.value!='' || coment.value!='')
{
butt.innerHTML='<input style="font-weight: bold;" type="submit" name="ok" value="Dodaj">';
}else{
butt.innerHTML='<input style="font-weight: bold;" type="submit" name="ok" value="Dodaj" disabled="disabled" />';
}
 
}
[XML] pobierz, plaintext 

i nie wiem jak wywołać funkcję button() aby ona cały czas sprawdzała jaki jest stan pól i wyświetlała odpowiednią wersję buttonu (aktywny/nie aktywy).

Z tego co znalazłem w sieci to powinienem użyć funkcji Event.observe tylko nie wiem w jaki sposób i w którym miejscu.

Liczę na szybką odpowiedź.

na js sie specjalnie nie znam ale wydaje mi się że możesz zarejestrować sobie event na status change który wywoła metodę walidującą formularz (tu jest chyba jakas gotowa klasa do ozarządzania eventami http://www.codehouse.com/javascript/script...register_event/ )

Po co mam używać kolejnej klasy, jak już znalazłem co jest moim rozwiązaniem Event.observe tylko nie umiem tego użyć.

Po pierwsze po co Ci prototype skoro i tak z niego nie korzystasz?
Ja bym próbował tak:

[HTML] pobierz, plaintext 
Event.observe('inputy w formularzu', 'blur', 'button');
//nie wiem jak w prototype wyłuskać inputy z danego formularza, bo nie używam, ale chyba poradzisz sobie
[HTML] pobierz, plaintext